繁体   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