javascript - 使用 onclick 事件向页面添加动态 HTML 内容

标签 javascript jquery html onclick dynamic-content

数据库给我几个要添加到 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/

相关文章:

javascript - 通过 Javascript 将数据传递到 Bootstrap Typeahead

javascript - 如何使用 Chai 检查值是否为正数?

javascript - Css: px 与 % 没有相同的效果

javascript - 如何在另一个元素之后添加元素?

javascript - 删除字段时更改总计

javascript - css - 在找到行后突出显示 td 元素

javascript - 合并两个多维数组,但不能使用 datetime 进行复制

javascript - 如何将输入的 ng-model 值推送到 Angular 中的表中?

jquery - 不透明度悬停时图像上的文字

javascript - 显示此元素,而无需每次都重复代码