JavaScript一直播放,直到我刷新

时间:2013-10-22 14:12:19

标签: javascript jquery

这是我正在使用的JS,它运作良好:

$(function() {
    var count = $(".parent a").length;

    $(".parent div").width(function(){
        return ($(".parent").width()/count)-5;
    });

    $(".parent div:not(:last)").css("margin-right","5px");

    $(".parent div:last").width(function() {
        return $(".parent div:last").width() + 5;
    });
  });

唯一的问题是,有时当我加载网页时,我的div看起来像这样:

enter image description here

这是刷新页面后的样子:

enter image description here

有没有办法解决它,以便在进入页面时加载正确?


JSFIDDLE

1 个答案:

答案 0 :(得分:0)

这应该更好(用一个而不是div)

编辑:修正了其他一些css问题:

  • 需要显示:inline-block;
  • .button需要显示:block; (填补)

http://jsfiddle.net/JpcQA/4/

$(function() {
    var count = $(".parent a").length;

    $(".parent a").width(function(){
        return ($(".parent").width()/(count))-15;
    });

    $(".parent a:not(:last)").css("margin-right","5px");

    $(".parent a:last").width(function() {
        return $(".parent a:last").width() + 5;
    });
});