阻止对特定div元素的jquery操作

时间:2012-09-22 07:34:42

标签: jquery show-hide

好的,这就是我在做什么:

My Fiddle

如你所见,如果你点击“这是一些文字”,表格的切换是完美的,但是当我点击去,我不希望表格切换,我只是想转到javascript函数并执行想要的动作,我不希望当我点击go按钮时显示该表。如果我点击按钮以外的任何其他地方,即超出按钮去或<div>表中显示切换的其他任何地方,如何我可以阻止这个吗?

2 个答案:

答案 0 :(得分:2)

使用jquery点击你的按钮,并在里面进行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/

答案 1 :(得分:2)

试试这段代码:

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

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