為什么JQuery無法加載我的腳本？

Question

我有一個用於共享圖像的腳本。 在同一個js文件中的腳本（位於底部）之后，我具有以下內容：

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

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

由於某些原因，腳本無法正常工作。 但是，當我打開頁面並輸入上面的腳本時，它將加載並顯示div。

我在這里想念什么嗎？

Answer 1

似乎您要實例化一個Share對象，該對象依賴於現有的“共享按鈕”元素，但這些元素不存在，因為它們已添加到$（document）.ready（）中。 嘗試這個：

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

請注意，在將“共享按鈕”添加到頁面之后，“ new Share（）”位於ready處理程序內。