Question

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

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

当您点击顶部的两个“订单...”链接时，他们应该在div之间切换。当一个页面处于活动状态时，单击该页面的按钮不会产生任何影响。单击非活动页面按钮时应该只有一个动作。

以下是JS的链接。

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

我正在使用jQuery和jQuery UI来实现效果。

谢谢，皮特

Answer 1

我在jsfiddle上拼凑了一个似乎有效的快速模型。我已经删除了很多标记，使其更容易阅读。

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

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

Answer 2

您的锚点选择器错误。在您的标记中，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');
    });

Answer 3

如果您一直点击“订购样品”，它会在所有a.buttons上来回切换非活动类。

您基本上寻找的是jQuery标签脚本。在您的情况下，“标签”只是文本链接。我最近在一个带有文本标签的网站上使用了idTabs script，而且效果非常好。

jQuery自定义div之间的切换

3 个答案: