JavaScript一直播放到我刷新为止

JavaScript一直播放到我刷新为止,javascript,jquery,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:l

下面是我正在使用的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如下所示:

这是刷新页面后的外观:

有没有办法修复它,使其在进入页面时正确加载


这应该更好(使用a而不是div)

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

  • 需要显示:内联块
  • .需要显示的按钮:块;(填写表格)


如果可以使用纯CSW调整样式,则不应使用JavaScript调整样式您使用的浏览器/操作系统是什么?你能在不同的浏览器中复制它吗?@jasonslyvia问题的一部分是,一些目标浏览器可能不支持他使用的选择器(例如,“not”或“last”)。我想这个问题的部分原因是Javascript/CSS/DOM的解析顺序。如果它被缓存,这可能会改变。@JasonLyvia我使用JS,这样它可以自动填充父div的宽度。如果您试图创建响应性设计,请使用媒体查询和基于%的宽度。我刚刚了解到,我们必须小心使用
显示:内联块
,因为IE6/7(可能还有8)不支持它
$(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;
    });
});