Question

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

isPrime != 0

代码运行正常，点击操作会在Chrome上触发。但是，在IE和FireFox上进行测试时，点击没有任何反应（#switch会被附加并正确设置样式）。我已经看到Internet Explorer上的z-index错误一直追溯到2009年到2014年，但IE'和FireFox都没有表现出我的预期。我在这里错过了什么吗？

Answer 1

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

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

Answer 2

你好，这里的plz检查代码很好。

jQuery(document).ready(function(){
  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() {
	alert('test');
    //some code that doesn't run
  });
});

你需要添加document.ready并且它是有效的。

WordPress页面上IE和FireFox的z-index问题？

2 个答案: