-1

ここにjQueryサイトがあります。ulタグ内に 4 つのリンクがあります。このリンク内で、リンクを非アクティブにする必要がありますが、表示する必要があります。下記参照：

<div class="over hide"  id="waterSecondOver">
   <a href="javascript:void(0);" class="current" id="chancingOverView">Overview</a>
   <a href="javascript:void(0);" id="chancingLocalarea">Local Area</a>
   <a href="javascript:void(0);" id="chancingFloorPlan">Floor Plans</a>
   <a href="javascript:void(0);" id="chancingallery"  >Gallery</a>
</div>

上記のリンクにはクリック機能があります（4番目のギャラリーを除く）。コードを見る

JQR('#waterSecondOver a').click(function() { 

    // my code

});

ここでギャラリーのリンクを表示する必要がありますが、ギャラリーをクリックしても何も起こりません (つまり、非アクティブなリンクである必要があるか、リンクを「gallery」として表示するだけの機能である必要があります)。

明らかだと思います。私を助けてください

4

4 に答える 4

1 
JQR('#waterSecondOver a').click(function(event) { 

event.preventDefault();

   });
于 2012-12-31T05:28:36.973 に答える
0

簡単にするためにこの方法を行うことができます...

JQR('#waterSecondOver a').click(function(event) { 

    if(JQR(this).attr('id') == "chancingallery"){
        // inactive all links except the one you dont want
      }else{
        // whatever you need....
    }

});
于 2012-12-31T07:04:54.287 に答える
0

アンカータグのhrefをに設定しないでくださいjavascript:void(0);-これは不必要な繰り返しであるため、面倒です。jQueryを使用するreturn false;と、イベントコールバックで使用して、新しいページまたは現在のページに移動するデフォルトのクリックイベントを回避できます。これが最も簡単な方法ですが、常に最良であるとは限りません。詳細については、次の記事を参照してください。

http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/

hrefただし、手動で設定する必要はありません。

于 2012-12-31T05:31:51.047 に答える
0

アンカーのクラスを変更するだけで（class = "active"としましょう）、onclickでその「アクティブ」クラスをチェックするたびに。クラスが「アクティブ」の場合は、他に何もしないでください。

于 2012-12-31T07:21:21.360 に答える