Question

在使用JavaScript innerhtml，甚至jQuery html或append时，我很难获得可点击的链接。

我尝试过这个jquery .html() VS innerHTML()并提出一些问题，但似乎所有建议都没有用。

如何使用此链接？

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

和onclick

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

我尝试过这两种方式，但它只是不起作用。

Answer 1

.html()是jQuery提供的实用程序函数，所以如果你使用jQuery包装器来设置值，那么你需要使用它

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

.innerHTML是dom对象的属性，因此如果你有一个dom元素引用，那么你需要使用它。 注意：这不是一个属性

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

Answer 2

问题是z-index似乎你不能拥有一个z-index：-1，因为它不允许你点击该div中的任何东西，删除它修复了我的问题，所以问题根本不是JavaScript而是而不是CSS。这很有意思，也是一个很好的注意事项，当你知道你的代码没有错误时，有时候不会猜测自己，而是将其剥离并查看CSS和网站的其他部分。

我花了三天时间才停止思考JavaScript。我是怎么想到的，是因为iOS可以注意调试问题，我去了chrome并对有问题的部分进行编码，并且它工作正常，一旦我添加了相同的样式和CSS它停止工作，删除了一些div并且它工作了再次，所以唯一要看的是css，我看不出有什么不对，但后来我想，等一下z-index做什么？它将div移到另一个div前面，-1可能意味着它在身体后面，并且可以看到它，但不是点击。

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

JavaScript innerHTML链接iOS浏览器

2 个答案: