簡體   English   中英

動態更改JQuery插件中的height參數

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM