jQuery如果宽度大于设置子div宽度

时间:2014-03-16 03:48:12

标签: jquery dynamic width

我认为我有一个非常直接的jQuery问题,但我似乎无法让这个工作。

基本上我有一个带有' .content-padding'的容器div。在这里,我有九个div,都有班级' .work-buttons'。使用jQuery我想得到' .content-padding'的当前宽度。如果它大于700px宽,我想让它成为' .work-button' div使用30px排水沟坐三对(例如' .content-padding width' / 3 - 20px)。

我编写了以下jQuery代码,但似乎并没有起作用。我现在已经工作了几个小时,它开始找到我。任何人都可以看到下面的代码有问题。

$(window).resizeboxes(function() {
if ($(".content-padding").width > 700){
    $(".three-wide, .two-wide, .one-wide").removeClass(".three-wide, .two-wide, .one-wide"); 
    $(".work-buttons").addClass(".three-wide"); 
    $(".work-buttons").width($(".content-padding").width/3 - 20);
    $(".work-buttons").height($(".work-buttons").width*.75);
}
});
$(window).trigger('resizeboxes');

1 个答案:

答案 0 :(得分:3)

.width()是一个功能。你需要执行它:

if ($(".content-padding").width() > 700) {

此外,resizeboxes不是内置函数。这是一个插件,还是你想要这样做:

$(window).on('resizeboxes', function() { ... })