簡單的jQuery顯示（）失敗

我有以下小文件，它應該隱藏一行輸出與CSS然後顯示該行與jQuery。然而，jQueryshow()無法顯示線（在瀏覽器沒有輸出）...簡單的jQuery顯示（）失敗

$(function(){ \t 
 
    $('#hi').show(); 
 
});

#hi{visibility:hidden;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<body> 
 
    <span id="hi">hi</span> 
 
</body>

安德魯

'只有'display' show'工作 - 而不是知名度。將你的css改爲'display：none'，你會看到代碼正常工作。 – karthikr

在這裏，你去了一個解決方案https://jsfiddle.net/bb7ms7zo/

$(function(){ 
 
    $('#hi').css({ 
 
    visibility: 'visible' 
 
    }); 
 
});

#hi{visibility:hidden;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="hi">hi</span>

jQuery show方法正用於diplay:block屬性，而在CSS中您已使用visibility:hidden;。

所以你需要做visibility: 'visible'。

希望這會幫助你。

2017-08-28 05:00:13 Shiladitya

jQuery的show()函數操縱元素的display屬性而不是visibility。可能的值爲display:block,display:inline，display:none或initial值。

因此，爲了讓您的代碼工作，要麼改變CSS屬性在你的CSS

#hi{display:none;}

改變你的jQuery代碼到

$('#hi').css({ 
    visibility: 'visible' 
});

2017-08-28 05:07:16 asprin

在這種情況下如果您想與Show()一起工作，那麼你必須使用

#hi{display:none;}

然後它會工作。

，或者如果你想和使用的知名度，然後嘗試下面的代碼

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

2017-08-28 05:11:13

回答