javascript - 在启动函数之前等待脚本完成

Question

在 Wordpress 页面中，我有一个 Wordpress 插件 (Showoff)，可将 DOM 元素加载到页面上。我想使用以下代码创建一种从该页面外部链接到这些 DOM 元素的方法:

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

var gotoProduct = function gotoProduct() {
    var productID = getUrlParameter('product');
    var showoffInit = showoff().init;
    if ($(productID).length) {$('.'+productID).click();}
}

但是除非所有 DOM 元素都已加载，否则任何链接都将无效。我尝试了此处发布的各种方法，但似乎都不适合我。我认为部分问题可能是插件调用的代码是在 DOM 就绪后才调用的。

所以我需要找到一种方法来等待这些 DOM 元素完成加载，然后再调用我的函数。

欢迎提出任何建议!

Answer 1

您可以尝试使用 jquery 的 .load() 方法来检查 DOM 元素是否已经加载，然后调用您的方法。

$(window).load(function() {
   //perform required call
}); 

希望这可能有所帮助。