jquery - 将图像插入与复选框分开的 Jquery Checkbox 元素？

Question

我最近看到一个问题非常有帮助...

将附加图像插入复选框元素 JQuery Mobile

我想看看是否有可能更进一步。

在上面引用的帖子中（我也偷了图像），一个图像被添加到复选框中，该复选框会弹出一个对话框或链接到其他地方。这很好，但是该图像有一个副作用，当单击图像本身时，它也会选中或取消选中该复选框。它切换了复选框设置，就好像它根本不存在一样。

我想知道的是，有没有办法在复选框上包含一个图像，并让它与复选框完全分开，这样它就不会选中或取消选中该框。

基本上我有一个待办事项列表，它们是复选框，我正在尝试添加一个附加的注释功能，您可以通过单击图像来获得该功能......如果它切换了复选框，那将不起作用应用。

如果有任何可以使用的 jQuery / javascript 魔法，请指出我正确的方向。

此外，我更愿意将其保留在原始帖子中，但我所能看到的只是回答的方法，如果我搞砸了，对不起......我是新来的。

谢谢！-j

Answer 1

您需要使用.stopPropagation()，它会阻止事件冒泡到label.

由于您要在 内添加锚点label，因此可以使用：

$("label a").click(function(e){
    e.stopPropagation();    
});