0

我很难让这个脚本正常工作：

$(window).(function(){
var maxHeight = 330;
if  (maxHeight < 331)
$('.ui-lightbox-mid').addClass('addScroll');
else 
$('.ui-lightbox-mid').removeClass('addScroll'); 
});

我想要做的是将灯箱限制在 330 像素高，而不一直添加滚动条。当内容大于 330px 时，我正在添加一个类（'addScroll' //这只是溢出-y：scroll css），以便向灯箱添加滚动。

任何人都可以帮忙吗？

谢谢乔

4

3 回答 3

3

$(window).function(){ .. })不是适当的结构。而不是它使用：

$(window).load(function() { .. })

但是以正确的jQuery方式：

$(document).ready(function() { .. }).

或者

$(function() { .. })

完整代码

$(document).ready(function() {
    var maxHeight = 330,
        lightbox = $('.ui-lightbox-mid'), // caching reference
        lightboxHeight = lightbox.height(); // get the current height
                                            // of lightbox, to compare
                                            // with maxHeight

    if ( maxHeight < lightboxHeight ) 
       lightbox.addClass('addScroll');
    else 
       lightbox.removeClass('addScroll');
});
于 2012-09-12T17:03:00.780 回答
1

改变这个：

$(window).(function(){

至：

$(window).load(function(){
于 2012-09-12T17:05:28.983 回答
0

我认为你应该等到文档就绪事件被触发，然后再检索高度没有意义。这可以通过$(document).ready(function() { ... })

于 2012-09-12T17:04:13.493 回答