jquery - 防止对特定 div 元素的 jquery 操作

Question

好的，这就是我正在做的事情：

我的小提琴

如您所见，如果您单击“这是一些文本”，表格的切换是完美的，但是当我单击执行时，我不希望表格切换，我只想转到 javascript 函数并执行预期的操作，我不希望在单击“开始”按钮时显示表格。如果我单击按钮以外的任何其他位置，即超出按钮“开始”或<div>表格显示切换中的其他任何位置，我该如何防止这种情况发生？

Answer 1

也使用 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/

Answer 2

试试这个代码：

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

演示：http: //jsfiddle.net/DFNhu/13/