0

これに問題があると、なぜ正しく機能しないのか理解できません。

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

上部にある2つの「注文...」リンクをクリックすると、divが切り替わります。1つのページがアクティブな場合、そのページのボタンをクリックしても効果はありません。非アクティブなページのボタンがクリックされたときにのみアクションが発生するはずです。

これがJSへのリンクです。

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

エフェクトにはjQueryとjQueryUIを使用しています。

ありがとう、ピート

4

3 に答える 3

1

動作しているように見えるjsfiddleの簡単なモックアップを一緒に投げました。少し読みやすくするために、マークアップの多くを削除しました。

私が行った唯一の変更は、関数宣言の$記号を削除し、 click（）の代わりにlive（）イベントハンドラーを使用することです。

編集：説明のために、クラスを追加および削除してDOMを操作しているため、live（）イベントハンドラーを使用する必要があります。

于 2011-08-28T20:25:09.600 に答える
0

アンカーセレクターが間違っています。マークアップでは、unactiveクラスはページの読み込み時に1つのアンカーにのみ適用されるため、クラス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 に答える
0

[サンプルの注文]をクリックし続けると、すべてのa。ボタンで非アクティブなクラスが前後に切り替わります。

基本的に探しているのはjQueryタブスクリプトです。あなたの場合、「タブ」は単なるテキストリンクです。最近、テキストタブのあるサイトでidTabsスクリプトを使用しましたが、かなりうまく機能しました。

于 2011-08-28T20:20:49.070 に答える