JavaScript innerHTML 链接 iOS 浏览器答案

【问题标题】：JavaScript innerHTML links iOS browserJavaScript innerHTML 链接 iOS 浏览器
【发布时间】：2013-10-21 02:56:52
【问题描述】：

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

我尝试关注此jquery .html() VS innerHTML() 并提出了一些问题，但似乎所有建议都没有奏效。

我怎样才能使用这个链接？

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

和点击

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

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

【问题讨论】：

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

标签： javascript jquery ios hyperlink

【解决方案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>";

【讨论】：

【解决方案2】：

问题是 z-index 似乎你不能有 z-index:-1 因为它不允许你点击该 div 中的任何内容，删除它修复了我的问题，所以问题不是 JavaScript只是CSS。这是一个有趣且很好的说明，当您知道自己的代码没有错误时，不要有时再猜测自己，而是将其剥离并查看您网站的 CSS 和其他部分。

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

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

【讨论】：