JQuery пользовательский переключатель между div

Question

возникли проблемы с этим, не могу понять, почему он не будет работать должным образом.

http://host.philmadelphia2.com/~clare/order/

при нажатии на две ссылки "заказать ..." вверху, они должны переключаться между div.Когда активна одна страница, нажатие на кнопку этой страницы не должно иметь никакого эффекта.Должно быть действие только при нажатии кнопки неактивной страницы.

Вот ссылка на JS.

http://host.philmadelphia2.com/~clare/wp-content/themes/theme/js/pager.js

Я использую jQuery и jQueryИнтерфейс для эффектов.

Спасибо, Пит

Answer 1

Я собрал быстрый макет для jsfiddle , который, кажется, работает. Я убрал большую часть разметки, чтобы ее было легче читать.

Единственные изменения, которые я сделал, - это удаление знака $ в объявлениях функций и использование обработчика событий live () вместо click ().

Редактировать: в целях объяснения, поскольку вы управляете DOM, добавляя и удаляя классы, вы должны использовать обработчик событий live ().

Answer 2

Если вы продолжаете нажимать 'Order Samples', он переключает неактивный класс на все кнопки a.buttons.

В основном вы ищете скрипт jQuery tabs.В вашем случае «вкладки» - это просто текстовые ссылки.Недавно я использовал скрипт idTabs на сайте с текстовыми вкладками, и он работал довольно хорошо.

Answer 3

Ваш селектор якоря неправильный.В вашей разметке класс unactive применяется только к одному якору при загрузке страницы, поэтому a.unactive выберет только тот якорь, который имеет класс unactive.Вы хотите, чтобы событие click было присоединено к обоим якорям, поэтому вы должны использовать класс button, который применяется к обоим якорям.Попробуйте это

    jQuery('a.unactive').live(function($){
        jQuery('a.button').toggleClass('unactive');
        jQuery('div.page').toggle('blind','',500);
        console.log('clicked');
    });