javascript - jQuery按钮未添加到页面加载中

嗨，我有一个Chrome扩展程序，可在页面加载时将按钮添加到Youtube页面。但是，即使我正在使用jQuery 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();
});

最佳答案

有用!!我也必须将.ready()保留在那里，但是@wOxxOm的链接为我提供了正确的方向。非常感谢。 :)

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

关于javascript - jQuery按钮未添加到页面加载中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39320232/