JavaScript innerHTML链接iOS浏览器

当使用JavaScript

innerhtml

，甚至jQuery

html

或

append

时，我很难让链接变得可点击

我试着遵循这一点，问了很多问题，但似乎所有的建议都没有效果

如何使用此链接放置链接

innerHTML("<a href='http://www.google.com'>google.com</a>");

innerHTML（“”）；

和onclick

innerHTML("<a href='#' onclick='loadlink('http://www.google.com');'>google.com</a>");

innerHTML（“”）；

我尝试了两种方法，但都不起作用。

是jQuery提供的一个实用函数，因此如果您使用jQuery包装器来设置值，则需要使用它

var el = jQuery('#myelementid');
el.html("<a href='http://www.google.com'>google.com</a>");

var el=jQuery（'#myelementid'）；
el.html（“”）；

是dom对象的属性，因此如果有dom元素引用，则需要使用它注意：它不是一个函数，而是一个属性

var el = document.getElementById('myelementid');
el.innerHTML = "<a href='http://www.google.com'>google.com</a>";

var el=document.getElementById（'myelementid'）；
el.innerHTML=“”；

问题是z-index。似乎您不能有z-index:-1，因为它不允许您单击该div中的任何内容，删除它修复了我的问题，因此问题根本不是JavaScript，而是CSS。这很有趣，也是一个很好的提示，当你知道你的代码没有错的时候，不要再猜测你自己，而是把它去掉，看看CSS和你网站的其他部分

我花了三天时间才停止思考JavaScript。我是如何做到这一点的，是因为iOS无法调试这个问题；我去了Chrome，对有问题的部分进行了编码，它工作得很好，一旦我添加了相同的样式和CSS，它就停止工作了，删除了几个div，它又工作了，所以唯一要看的是CSS，我看不出有什么错误，但我想，等一下，z-index做什么？它将div移动到另一个div的前面，-1可能意味着它在身体后面，在那里可以看到它，但不能单击

---

这是我唯一能想到的想法，它解决了这个问题。

@rusellharlower请将其作为答案发布，以便大家都能理解。