jQuery 使用 $.get() 时阻止点击事件冒泡

发布于 2024-09-12 13:28:24 字数 585 浏览 7 评论 0原文

我已将单击事件分配给按钮，该按钮检索不同的 HTML 代码段并使用 .html(string) 方法将其注入到 DIV 元素中。

$('#btnClose').click(function(){ 
   $.get('Content.html',function(data) {
      $('#EditCategory').html(data); 
   }); 
});

Content.html 页面如下：

<button id="btnNewCategory" type="button">Add new category</button>
<script type="text/javascript">
   $('#btnNewCategory').click(alert('Test'));
</script>

每次单击“#btnClose”按钮时，都会显示 HTML 片段内容，但也会触发警报（“Test”）。我尝试过 stopPropagation(),preventDefault() 并返回 false；并且没有喜乐。谁能阐明我做错了什么？？？

原文

I have assigned a click event to a button, which retrieves a different HTML snippet and injects it into a DIV element using the .html(string) method.

$('#btnClose').click(function(){ 
   $.get('Content.html',function(data) {
      $('#EditCategory').html(data); 
   }); 
});

The Content.html page is as follows:

<button id="btnNewCategory" type="button">Add new category</button>
<script type="text/javascript">
   $('#btnNewCategory').click(alert('Test'));
</script>

Every time I click the '#btnClose' button the HTML snipper content is displayed but the alert('Test') is also fired. I've tried stopPropagation(),preventDefault() and return false; and have had no joy. Can anyone shed any light on what I'm doing wrong???

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

离笑几人歌 2024-09-19 13:28:24

您的处理程序应该如下所示：

$('#btnNewCategory').click(function() {
  alert('Test')
});

您当前所拥有的是立即触发 alert('Test') 并尝试将结果分配给点击处理程序（如果您需要）要在单击时运行，请使用像我上面那样的匿名函数。

这不是传播问题，请阅读此处以更好地理解，但是具有约束力的:)

Your handler should be like this instead:

$('#btnNewCategory').click(function() {
  alert('Test')
});

What you currently have is firing alert('Test') immediately and trying to assign the result to a click handler, if you want it to run when clicked, use an anonymous function like I have above.

This isn't a propagation issue, read here for a better understanding of that, but a binding one :)

回复收藏 0 原文

~没有更多了~