为什么JQuery没有加载我的脚本？

Question

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

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

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

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

我在这里错过了什么吗？

Answer 1

看起来您正在尝试实例化依赖于“share-button”元素的Share对象，但这些元素不存在，因为它们已添加到$（document）.ready（）中。试试这个：

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

请注意，在将“分享按钮”添加到页面后，“新分享（）”位于就绪处理程序内。