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/


当前回答

如果一个项是隐藏项的子项,is(":visible")将返回true,这是不正确的。

我只是通过添加“display:inherit”到子项来修复这个问题。这将为我解决这个问题:

<div class="parent">
   <div class="child">
   </div>
<div>

和CSS:

.parent{
   display: hidden;
}
.child{
   display: inherit;
}

现在可以通过改变父元素的可见性来有效地打开和关闭项目,$(element).is(":visible")将返回父元素的可见性

其他回答

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

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

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

我在父样式上添加了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。

如果一个项是隐藏项的子项,is(":visible")将返回true,这是不正确的。

我只是通过添加“display:inherit”到子项来修复这个问题。这将为我解决这个问题:

<div class="parent">
   <div class="child">
   </div>
<div>

和CSS:

.parent{
   display: hidden;
}
.child{
   display: inherit;
}

现在可以通过改变父元素的可见性来有效地打开和关闭项目,$(element).is(":visible")将返回父元素的可见性

jQuery的:visible选择器似乎不适用于Chrome中的一些内联元素。解决方案是添加一个显示样式,比如“block”或“inline-block”来让它工作。

另外请注意,jQuery对可见内容的定义与许多开发人员有所不同:

如果元素占用文档中的空间,则认为它们是可见的。 可见元素的宽度或高度大于零。

换句话说,一个元素必须具有非零的宽度和高度才能占用空间并可见。

能见度:hidden或不透明度:0的元素被认为是可见的, 因为它们仍然占用布局中的空间。

另一方面,即使它的可见性被设置为隐藏或不透明度为零,它仍然对jQuery可见,因为它消耗空间,当CSS显式地表示其可见性为隐藏时,这可能会令人困惑。

不在文档中的元素被认为是隐藏的;jQuery是 类时,无法知道它们是否可见 文档,因为它取决于适用的样式。 所有选项元素都被认为是隐藏的,不管它们是什么 选中状态。 在动画中隐藏元素时,会考虑该元素 直到动画结束都可见。在动画中显示 元素时,该元素被认为在开始处可见 动画。

看它最简单的方法是,如果你能在屏幕上看到元素,即使你看不到它的内容,它也是透明的,它是可见的,也就是说它占据了空间。

我稍微清理了一下你的标记,并添加了一个显示风格(即设置元素显示为“块”等),这对我来说是有效的:

小提琴

官方API参考:可见


从jQuery 3开始,:visible的定义发生了轻微的变化

jQuery 3稍微修改了的含义:可见的(因此是的) :隐藏)。 从这个版本开始,将考虑元素 :如果它们有任何布局框,包括那些零宽度的布局框,则可见 和/或高度。例如,br元素和带有no . 内容将由:visible选择器选择。