2

私はこのコードを持っています

<h3> <a href="#" > Edit </a>.... </h3>
<div> ... </div>

ここに公式のjquery UIアコーディオンと同じコードがあります

http://jqueryui.com/accordion/

ここで、h3 をクリックすると div が下にスライドし、もう一度 h3 をクリックすると上にスライドします。これは問題なく正常に動作しています。

現在EDIT、h3タグ内にテキストがあります。今、誰かが編集をクリックしたときにライトボックスを開いています。

ただし、編集は h3 タグ内にあるため、編集リンクをクリックすると、アコーディオンも閉じたり開いたりします。

edit をクリックすると、アコーディオンが開かないようにしたいのですが、誰かがバーのどこかをクリックしても、そのまま機能するはずです

4

1 に答える 1

5

編集ボタンをクリックすると、event.stopPropagation();

ここにドキュメントがあります

完全なフィドル

$('a.button').click(function() {
  event.stopPropagation(); 

  /* Do your stuff */

  return false;   
})

ここでも興味深い読み物を見つけました

于 2012-10-19T01:51:27.587 に答える