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

时间:2012-08-21 22:35:56

标签: jquery jquery-mobile

最近有一个问题,我看到这个问题非常有用......

Insert additional image into checkbox element JQuery Mobile

我想看看是否可以更进一步。

http://i.stack.imgur.com/clhO9.png

在上面提到的帖子中(我也偷了图像),一个图像被添加到复选框中,弹出一个对话框或链接到其他地方。这很好,但是该图像存在副作用,当单击图像时,它还会选中或取消选中该复选框。它将复选框设置切换为好像根本不存在。

我想知道的是,是否有办法在复选框中包含图像并将其与复选框完全分开,因此它不会选中或取消选中复选框。

基本上我有一个待办事项列表是复选框,我正在尝试添加一个附加的Note功能,你可以点击图像...如果它切换复选框,那就不会为这个应用程序工作。

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

另外,我本来希望将其保留在原帖上,但我能看到的只是回答方法,对不起,如果我搞砸了......我是新人。

谢谢! -j

1 个答案:

答案 0 :(得分:0)

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

由于您在label内添加了锚点,因此可以使用:

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