在启动函数

时间:2015-12-13 12:33:17

标签: javascript jquery wordpress

在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元素在调用我的函数之前完成加载。

欢迎任何建议!

1 个答案:

答案 0 :(得分:1)

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

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

希望这可能有所帮助。