相关疑难解决方法(0)

有没有什么好方法可以帮助识别项目中未使用的CSS定义？一堆css文件被拉进来,现在我正在尝试清理一些东西.

似乎在jQuery中,当元素不可见时,width()返回0.有道理,但我需要获取表的宽度,以便在显示父级之前设置父级的宽度.

如下所述,父母中有文本,使父母倾斜并且看起来很讨厌.我希望父级只有表格的宽度并且包含文本.

<div id="parent">
    Text here ... Can get very long and skew the parent
    <table> ... </table>
    Text here too ... which is why I want to shrink the parent based on the table
</div>

CSS:

#parent
{
    display: none;
}

使用Javascript:

var tableWidth = $('#parent').children('table').outerWidth();
if (tableWidth > $('#parent').width())
{
    $('#parent').width(tableWidth);
}

tableWidth总是返回0,因为它不可见(我猜是因为它在可见时给了我一个数字).有没有办法获得表格的宽度而不使父母可见？

我总是认为具有display:noneCSS样式的元素为height()和返回0 width().

但在这个例子中:

HTML

<div id="target" style="display:none;">
a
</div>

CSS

alert($("#target").height());

他们没有:http://jsfiddle.net/Gts6A/2/

怎么会？我看到过去有很多次回来过.

大家好我一直在到处打听,没有人能真正告诉我使用的效益.css(‘width’)和.css(‘height’),而不是.width()和.height().

我知道它们都返回偏移尺寸,这是元素的真实尺寸,无论它的内部含量有多么拉伸.

我猜测有一些事情可以做,另一个不能像我css()用来返回窗口和文档的尺寸,FF没有问题这样做但是IE向我扔了一个错误.所以我猜他们可能在某些浏览器和其他浏览器中工作.那么我是否必须同时使用它们以实现100%跨浏览器兼容性或仅针对某些情况？

我需要在父容器发生变化时为其设置动画高度.问题是它的高度设置为自动,因此高度取决于内容.我想要实现的最终目标是,每当高度因内容发生变化而发生变化时,可以通过jQuery或CSS3对变化进行动画处理.

我搜索了类似的主题,但我发现的是如何将高度从固定值设置为"自动":(

我试图得到一个元素的高度值列表,但它返回0.
我做了一些研究,看到为了获得元素的高度,该元素必须是可见的.
但是当它被隐藏时我想检查它的高度.如果它的高度大于某个值,则使用某些函数然后使其可见.有没有办法做到这一点？

我的意思是:

1. 检查隐藏元素的高度.
2. 如果它具有OK值,则使其可见.
3. 如果没有所需的值,请执行一些功能.
4. 让它可见.

为什么我的搜索表单的高度为0？它至少高20px.

jQuery(function($) { // Document ready
    var s_height = $("#search_form").outerHeight(); // Height of searchform
    alert(s_height) // 0

好的,我在这里回答某人的问题,关于为什么他们的剧本不起作用.他们将内容加载到隐藏的div中,然后获得高度,以便他们可以为包装div设置动画.但我总是试着测试我提供的代码.所以我做了这个演示来向他们证明.

那么,嗯,我进入了暮光之城还是我现在正在做梦？捏自己!

我在Firefox,IE和Chrome中尝试了这个演示,两种方法都返回相同的值.Firebug说零!我重新启动了我的计算机,我甚至更改了代码(删除了高度函数)并尝试使用jQuery 1.3.2并且它仍然有效!我知道的隐藏要素USED回到零值.即使这个SO答案也给出了我的建议!

所以我想我的问题是......我错过了什么或者我们给出了不好的建议吗？

您好我在使用jquery选项卡时遇到highstocks的问题.

这是构造函数的代码.

Chart = new Highcharts.StockChart({  
        Chart = new Highcharts.StockChart({
        chart: {
            renderTo: 
                'Container',
                 alignticks:false
             },
        xAxis: { .......... },
        yAxis: [{ ....... }],
        series : [{ .......... }]
    });

Container只有整个页面宽度的一半.

当页面加载到包含图形的选项卡时,其宽度将正确呈现.但是当页面首先加载到另一个选项卡时,其宽度跨越页面的整个宽度,与页面上的其他内容重叠.因此,必须刷新页面才能解决此问题.

有人有解决方案吗？

如何获得具有父元素的元素的高度display: none？

这里有一个例子:jsfiddle.net

谢谢

卢卡斯

我需要找到一种方法在each下面的语句中包含隐藏的div .我似乎无法找到答案.这不仅仅是隐藏元素的孩子,所以我无法根据它来编写它display:none

$("div").each(function(){
    if ($(this).hasScrollBar()){
        $(this).addClass('scrollable');
    }
});

hasScrollBar功能:

(function($) {
    $.fn.hasScrollBar = function() {
        return this.get(0).scrollHeight > this.innerHeight();
    }
})(jQuery);

关于如何获取/设置隐藏元素的高度有很多帖子(例如this和this).

但是,我想要的是一个高度查询,它给出了0隐藏元素和visible height可见元素的答案.我可以用一堆if语句来做,但有更简单的方法吗？

谢谢.