javascript 生成的 HTML 标签中的 Javascript 函数

标签 javascript jquery html

Possible Duplicate:
Create a link with javascript within it

我正在尝试将一个函数放入我由 javascript 生成的 HTML 标记中。

我有什么:

<script type="text/javascript">
    var html = '';
    html += '<div><a href="#" onclick="showBlock("#idTextBlocks");">Show Text Blocks</a></div>';
</script>

showBlock("#idTextBlocks");是 JQuery 函数,它获取单击链接后需要显示的组件的 ID。

function showBlock(id) {
    $(id).show('slow');
}

问题是它不起作用。它生成为:

<a #idtextblocks");"="" onclick="showBlock(" href="#">Show Text Blocks</a>

我尝试将引号更改为 '单:onclick="showBlock('#idTextBlocks');但这只会破坏我所有的 JavaScript。

所以问题是如何正确地将函数传递到 HTML <a>标签的onclick属性如果标签本身是用 javascript 生成的?

最佳答案

为此使用 ":

我遇到了同样的问题,并通过将 " 替换为 " 来修复它,这比使用 \" 更安全。

<script type="text/javascript">
    var html = '';
    html += '<div><a href="#" onclick="showBlock(&quot;#idTextBlocks&quot;);">Show Text Blocks</a></div>';
</script>

关于javascript 生成的 HTML 标签中的 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13532469/

相关文章:

javascript - 错误处理 redux-promise-middleware

javascript - 局部变量在 eventBus.emit 之后更新

javascript - 如何将 id 放在填充有 json 数据的 html 表 td 上?

javascript - 如果模态处于事件状态/显示,则添加模态打开而不是单击

html - 我可以为 IE 创建一个单独的样式表吗?

javascript - 只有在父 div 中时才使用 innerHTML 选择类

javascript - 为什么我的点击事件是最后一个事件?

javascript - jQuery jPlayer 错误

jquery 悬停() IE7 和 IE8

javascript - 保存到 Ajax 服务器