Javascript jQuery-自动宽度不适用于混合css类
我有一个水平滚动页面,其宽度由jQuery根据css类的总和设置 当类为固定宽度时,所有工作正常,但当它为“自动宽度”时,计算不正确,内容将中断为两行 JS代码如下所示:Javascript jQuery-自动宽度不适用于混合css类,javascript,jquery,css,Javascript,Jquery,Css,我有一个水平滚动页面,其宽度由jQuery根据css类的总和设置 当类为固定宽度时,所有工作正常,但当它为“自动宽度”时,计算不正确,内容将中断为两行 JS代码如下所示: function setWidth() { var width = 0; jQuery('#article-list .article-wrapper').each(function() { width += jQuery(this).outerWidth( true ); }); jQuery('#article-
function setWidth() {
var width = 0;
jQuery('#article-list .article-wrapper').each(function() {
width += jQuery(this).outerWidth( true );
});
jQuery('#article-list').css('width', width);
}
其中css类“#article list.article wrapper”显示在一个页面上,该页面包含其他类,用于文章类型-ie'.type fixedwidth'(具有固定文章宽度)和'.type variablewidth'(具有自动宽度)
然后,内容将定义文章的宽度。如果页面仅由.type fixedwidth文章组成,则页面显示良好,但如果页面仅由.type variablewidth组成,或者是这两种文章的混合,则页面将中断
我将永远感激任何能对此有所启发的人,我为此感到痛苦。
谢谢 重现您的确切问题会有帮助。为什么需要设置“#文章列表”的宽度?在没有看到代码(CSS/HTML)的情况下,很难看到代码出了什么问题。正如Itay所说,提供一个jsfiddleHi,抱歉jsfiddle直到周一才让我注册,所以最好我只提供一个指向该站点的链接。它位于保留页后面,因此您需要登录-user:test pw:test@user2776493您无需注册即可保存Fiddle Thank BYossarian-我很难让JSFIDLE正确显示问题(水平溢出),因为代码来自wordpress主题,来自不同来源的代码也是如此。抱歉-希望该网站提供足够的工作。。。