javascript - 为什么 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", {});
});

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