使用 firefox 和 Internet Explorer 选择 jquery-ui 按钮

Question

嘿，下面的代码可以与 chrome、safari 和 opera 一起使用，没有问题。但它不适用于 Firefox 或 Internet Explorer。

谢谢你的帮助！！！

$("#myButton" ).button( {icons: {primary: "ui-icon-circle-plus",secondary: "ui-icon-triangle-1-s"}}); $( "#myButton .ui-icon-circle-plus").click( function(){alert("myButton");})

您可以在以下链接中找到示例：http://jsfiddle.net/asiaminor/suw0xs89/

Answer 1

那是因为浏览器还没有完成渲染你的 jQueryUI 样式，你的选择器不能匹配 DOM 中的任何东西。使用Event delegation:

$( "#myButton" ).click( ".ui-icon-circle-plus", function(){alert("myButton");})

Fiddle here