JQuery Visible Show

Question

我有以下代码:

$('#loading').css("visibility", "visible");

$('#loading').show();

由于某些原因我使用CSS时不知道它的工作原理!

但是当我使用.show();

这是行不通的.请帮忙.我是JQuery的新手.

谢谢.

编辑:

<div class="footerOrder" id="loading" style="visibility:visible;">
      <img src="../utils/loadingExistenz.gif" width="32" height="32" border="0" />
</div>

试过这个:

<div class="footerOrder" id="loading" style="display:block;">

然后:

$('#loading').hide();

仍然没有出于某种原因!

编辑:奇怪的是它适用于所有其他DIV!

Answer 1

jQuery的.show(),并.hide()只对CSS操作display属性,而不是在visibility属性.我刚检查了jQuery 1.7源代码,并验证了这种情况.

所以,.css('display', 'none')会配上.show().

如果你想改变的知名度,你只需直接更改CSS或使自己hideV()和showV()方法来为你做它:

jQuery.fn.showV = function() {
    this.css('visibility', 'visible');
}

jQuery.fn.hideV = function() {
    this.css('visibility', 'hidden');
}

Answer 2

使用display:none;而不是可见性

这对我来说很好

$(function(){   

    $("#aLink2").click(function(){
        $('#loading').show();
    });  

});?

工作样本:http://jsfiddle.net/HShHg/6/

Answer 3

根据文件:

.show() This is roughly equivalent to calling .css('display', 'block')

所以,如果你搞砸了visibility,它对你没有帮助.

你应该做的是,总是隐藏.css('display', 'none')或与.hide()

我刚发现这个有用的文档:

具有可见性的元素:隐藏或不透明度:0 被认为是可见的,因为它们仍然占用布局中的空间.