jquery - 特定の div 要素に対する jquery アクションを防止する

Question

わかりましたこれは私がしていることです:

私のフィドル

ご覧のとおり、「This is some text」をクリックすると、テーブルの切り替えは完璧ですが、[go] をクリックすると、テーブルを切り替えたくないので、javascript 関数に移動して意図したアクションを実行したいだけです。移動ボタンをクリックしたときにテーブルが表示されることを望みません。ボタン以外の場所、つまりボタンの移動またはテーブルの他の場所をクリックした場合<div>、どうすればこれを防ぐことができますか?

Answer 1

このコードを試してください：

   $('document').ready(function(){
        $('#sample').click(function(e){
           if(e.target == this)
           {
              $('#dynamic_text').toggle();
           }
        });
    });

デモ： http： //jsfiddle.net/DFNhu/13/

Answer 2

ボタンにも jquery click を使用し、内部で e.stopPropagation を使用します。

$('document').ready(function(){
$('#sample').click(function(){
    $('#dynamic_text').toggle();
});
$('#demo').click(function(e){
    alert("button click");
    e.stopPropagation();
});
});​

参照用の jsfiddle は次のとおりです。 http://jsfiddle.net/DFNhu/12/