if ($("#makespan").is(":visible") == true) { 
    var make = $("#make").val(); 
}
else {
    var make = $("#othermake").val(); 
}

Make:<span id=makespan><select id=make></select><span id=othermakebutton class=txtbutton>Other?</span></span><span id=othermakespan style="display: none;"><input type=text name=othermake id=othermake>&nbsp;-&nbsp;<span id=othermakecancel class=txtbutton>Cancel</span></span>

上面的代码在Firefox中运行流畅,但在Chrome中似乎行不通。在Chrome中,它显示.is(":visible") = false,即使它是真的。

我使用以下jQuery版本:jQuery -1.4.3.min.js

jsfiddle.net/wju2r/4/


当前回答

我在父样式上添加了next样式,.is(":visible")起作用了。

显示:inline-block;

其他回答

我在父样式上添加了next样式,.is(":visible")起作用了。

显示:inline-block;

我不知道为什么你的代码不能在chrome上工作,但我建议你使用一些变通办法:

$el.is(':visible') === $el.is(':not(:hidden)');

or

$el.is(':visible') === !$el.is(':hidden');  

如果你确定jQuery在chrome中会给你一些不好的结果,你可以依靠css规则检查:

if($el.css('display') !== 'none') {
    // i'm visible
}

另外,您可能希望使用最新的jQuery,因为它可能修复了旧版本的bug。

我需要使用可视性:hidden而不是display:none,因为可见性需要事件,而显示不需要。

因此写入。attr('visibility') === "visible"

一般来说,当我的对象的父对象被隐藏时,我就会遇到这种情况。 例如,当HTML是这样的:

    <div class="div-parent" style="display:none">
        <div class="div-child" style="display:block">
        </div>
    </div>

如果你问child是否可见,比如:

    $(".div-child").is(":visible");

它将返回false,因为它的父元素不可见,所以div也不可见。

我认为这与我们HTML中的一个怪癖有关,因为同一页面上的其他地方工作得很好。

我能够解决这个问题的唯一方法是:

if($('#element_id').css('display') == 'none')
{
   // Take element is hidden action
}
else
{
   // Take element is visible action
}