数据库给我几个要添加到 DOM 的 div。
这些 <divs>
具有数据库已经生成的类和 onclick 事件。
我尝试单独使用 jQuery 和 javascript。我遇到的问题是引号冲突。声明 var 时——或者如果我这样做了 .html('dynamicinfo')
或 innerhtml('dynamicinfo')
-- 我正在使用 '
字符已经在开头和结尾,所以当 onclick 语法使用 '
时性格也...事情停止工作...
关于如何使这项工作有任何想法吗?
jQuery 看起来像这样。 (请注意,生产使用中的 info 变量包含许多 div,每个 div 都有不同的链接)
$(document).ready(function() {
var info = $('<div class="mainFixedButton mr2 mc3 mainDynamicButtons" onclick="window.location='http://www.google.com'">From $399.99</div>');
$("#number_pad").remove();
$("#mainDynamicButtonContainer").html(info);
});
<body>
<div id="main_buttons">
<div class="mainButtonContainer">
<div id="mainDynamicButtonContainer"></div>
</div>
</div>
</body>
最佳答案
转义引号:
var info = $('<div ... onclick="window.location=\'http://www.google.com\'">From $399.99</div>');
关于javascript - 使用 onclick 事件向页面添加动态 HTML 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16968307/