jquery’change’事件未触发在图像上单击按钮组的forms

这是一个例子： http ： //jsfiddle.net/c8uywnpa/21/适用于其他浏览器但IE（10）。 当buttonset被包装在’form’元素中时会出现问题。 请参阅包含的示例。

 Form - Click on image does not work, must click on number  
 
  1    2   
 
 
 
 No Form - Click on image works 
 
  1    2   
 $("#myRadio").buttonset().on('change', function(event) { alert($(this).find(":checked").val()); }); $("#myRadioNoForm").buttonset().on('change', function(event) { alert($(this).find(":checked").val()); }); 

单击标签中的数字将触发更改事件，但如果单击标签中的图像则不会触发更改事件。 任何帮助深表感谢。

Answer 1

我有同样的问题。 我没有使用jQuery。 我用图片包裹了图片，所以我尝试添加一个：在伪元素之后。 它覆盖了图像，因此在单击时，单击伪元素而不是图像。 这对我有帮助。 ie9-11

 .image { position: relative; display: block;} .image:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}