0

遇到一些麻烦无法理解为什么它不能正常工作。

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

当您单击顶部的两个“订单...”链接时,它们应该在 div 之间切换。当一个页面处于活动状态时,单击该页面的按钮应该没有任何效果。只有在单击非活动页面的按钮时才应该有一个动作。

这是JS的链接。

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

我正在使用 jQuery 和 jQuery UI 来制作效果。

谢谢,皮特

4

3 回答 3

1

我在jsfiddle上拼凑了一个似乎可行的快速模型。我去掉了很多标记,使它更容易阅读。

我所做的唯一更改是删除函数声明中的 $ 符号并使用live()事件处理程序而不是 click()。

编辑:出于解释的目的,由于您通过添加和删除类来操作 DOM,因此您必须使用 live() 事件处理程序。

于 2011-08-28T20:25:09.600 回答
0

如果您继续单击“订购样品”,则会在所有 a.buttons 上来回切换非活动类。

您基本上正在寻找的是一个 jQuery 选项卡脚本。在您的情况下,“标签”只是文本链接。我最近在一个带有文本选项卡的网站上使用了idTabs脚本,效果很好。

于 2011-08-28T20:20:49.070 回答
0

你的锚选择器是错误的。在您的标记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');
    });
于 2011-08-28T20:13:00.150 回答