在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元素在调用我的函数之前完成加载。
欢迎任何建议!
答案 0 :(得分:1)
您可以尝试使用jquery的.load()方法来检查DOM元素是否已经加载,然后调用您的方法。
$(window).load(function() {
//perform required call
});
希望这可能有所帮助。