JavaScript一直播放到我刷新为止
下面是我正在使用的JS,它工作得很好: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
$(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;
});
});