javascript - 等待脚本完成后再启动功能

在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元素完成加载，然后再调用我的函数。

任何建议将是最欢迎的！

最佳答案

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

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

希望这会有所帮助。