为什么JQuery不加载我的脚本？

Question

我有一个脚本，我用它来分享图片。在同一个js文件中的脚本(底部)之后，我有以下内容：

$(document).ready(function() {
    $(".shared").after('<div class="share-button"></div>');
});

new Share(".share-button", {});

由于某种原因，脚本无法工作。但是当我打开页面并输入上面的脚本时，它会加载并显示div。

我是不是漏掉了什么？

Answer 1

看起来，您试图实例化一个依赖于“共享按钮”元素的共享对象，但是这些元素并不存在，因为它们是在$(document).ready()中添加的。试试这个：

$(document).ready(function() {
    $(".shared").after('<div class="share-button"></div>');
    new Share(".share-button", {});
});

请注意，在将“共享按钮”添加到页面后，"new ()“位于就绪处理程序中。