我必须将一个元素从 display: none
设置为 display: inline-block
单击另一个元素时。
Jquery 总是检测到它 display: none
(function ($) {
$(document).ready(function() {
$("#click").click(function () {
if($("#show").css('display','none')) {
$('#show').css('display','inline-block');
} else {
$('#show').css('display','none');
}
});
});
})(jQuery);
#show {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="click">
Click
</div>
<div id="show">
Text
</div>
最佳答案
if
语句是错误的,
if($("#show").css('display','none'))
您要将 css 属性分配给 if
语句中的 show
元素,请改用 .is(':visible')
。
if(!$("#show").is(':visible'))
关于javascript - jquery显示:none,显示:内联 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26487157/