Jquery WordPress页面上IE和FireFox的z索引问题？

我在WordPress页面加载后运行了一些jQuery

jQuery('[class="image responsive"]').append('<div id="switch"><img src="/js/off2.png"></div>');
jQuery("#switch").css({
    'position': 'absolute',
    'left': '2%',
    'top': '40%',
    'z-index': '9'
});
jQuery('#switch img').click(function() {
    //some code that doesn't run
})

jQuery（'[class=“image responsive”]'）。追加（''）；
jQuery（“#开关”）.css({
'位置'：'绝对'，
“左”：“2%”，
"最高":"40%",，
“z索引”：“9”
});
jQuery（“#switch img”）。单击（函数（）{
//一些不运行的代码
})

代码运行良好，点击操作在Chrome上启动。然而，当在IE和FireFox上测试时，点击时不会发生任何变化（但是#开关被附加并正确设置了样式）。从2009年到2014年，我在IE浏览器上看到过z-index漏洞，但IE和FireFox都没有达到我预期的效果。这里缺少什么吗？

动态创建元素时，应该使用.on（）

$('body').on('click', '#switch img', function(){
  // Some code
});

---

你好，这里工作正常，请检查代码

jQuery（文档）.ready（函数（）{
jQuery（'[class=“image responsive”]'）。追加（''）；
jQuery（“#开关”）.css({
'位置'：'绝对'，
“左”：“2%”，
"最高":"40%",，
“z索引”：“9”
});
jQuery（“#switch img”）。单击（函数（）{
警报（“测试”）；
//一些不运行的代码
});
});您是否尝试使用inspector查看是否是实际的z索引导致了问题？我没有，但我似乎找不到代码的任何其他潜在问题。建议是受欢迎的，因为我似乎无法找出是什么导致了这一点。应该补充的是，我已经尝试过了。问题可能在其他地方。至少我可以在图像点击上正确地触发点击事件。