javascript - jQuery 按钮未 append 在页面加载上

Question

您好，我有一个 Chrome 扩展程序，可以在页面加载时将按钮 append 到 Youtube 页面。但是，即使我使用 jQuery append() 函数，按钮也不会被 append 。 createButton() 函数还使用append 方法。这是 Chrome 扩展程序的问题，还是我使用 jQuery 的方式的问题？

这是有问题的代码。

// On page load, add all buttons
function display() {
    var r = $('<div style="float: left"><input type="button" value=Add ></div>');
    r.click(function() {
        buttonAdd();
    });
    $("#watch-headline-title").append(r);
    var site = document.URL;
    timearray = JSON.parse(localStorage.getItem(site));
    if (timearray != null) {
        timearray = timearray.sort(compStr);
        for (i = 0; i < timearray.length; i++) {
            if (! $( "#" + timearray[i]).length ) {
                createButton(timearray[i]);
            }
        }
    }   
}

$( document ).ready(function() {
    display();
});

Answer 1

它有效!我也必须将 .ready() 保留在那里，但来自 @wOxxOm 的链接给了我正确的方向。太感谢了。 :)

How to detect page navigation on Youtube and modify HTML before page is rendered?