[英]Dynamically change the height parameter in JQuery Plugin
Jquery燈箱腳本和示例在此處: http : //www.aerowebstudio.net/codecanyon/jquery.lightbox/ 。
我將一些參數傳遞給控制超鏈接ID中的lightbox插件的JQuery。 id上的最后一個子字符串(substrk [2])是高度。 我可以傳遞值,但插件的高度超出屏幕的高度。 如果我沒有動態插入高度並輸入一個靜態數字,則該插件可以正常工作。
我還嘗試延遲使用計時器觸發功能,以防萬一這是問題所在,但根本無法觸發
<a class="lk" id="blah_blahh_68" href="javascript:void(0);">some link</a>
$(function(){
$(".lk").click(function(){
var lik = this.id;
var substrk = lik.split('_');
var intheight = substrk[2];
var strlinkk = "blah.php?id=" + substrk[0] + "&id2=" + substrk[1];
$.lightbox(strlinkk,{
'width' : 474,
'height' : intheight,
'autoresize' : false
});
return false;
});
});
不幸的是,我沒有看到一個好的方法。 將“ px”連接到字符串不起作用,添加短超時也不起作用
我不得不做IF / ELSE語句來解決我的問題。 IF THEN語句可以工作,但不是很漂亮。 這對我有用,因為我知道高度以68px為增量
$(function(){
$(".lk").click(function(){
var lik = this.id;
var substrk = lik.split('_');
var intheight = substrk[2];
var strlinkk = "blah.php?id=" + substrk[0] + "&id2=" + substrk[1];
if (intheight=68){
$.lightbox(strlinkk,{
'width' : 474,
'height' : 68,
'autoresize' : false
});
return false;
});
});
}else if (intheight=136){
$.lightbox(strlinkk,{
'width' : 474,
'height' : 136,
'autoresize' : false
});
return false;
});
});
}
嘗試:
var intheight = substrk[2] + "px";
另外,只需快速檢查一下返回了什么substrk [2],但會拋出:
alert(substrk[2]);
它可能就像拋出奇怪的東西一樣簡單。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.