JQuery-如果屏幕大小小于767且元素为空
我想编写jquery代码来检测屏幕大小是否小于767px,以及元素是否为空,在本例中为spanJQuery-如果屏幕大小小于767且元素为空,jquery,html,Jquery,Html,我想编写jquery代码来检测屏幕大小是否小于767px,以及元素是否为空,在本例中为span if ( ($(window).width() <= 767) && ($.trim($(".btm").html())=='' ) ){ $('.element').show(); } else { $('.element').hide(); } <span class="btm"&g
if ( ($(window).width() <= 767) && ($.trim($(".btm").html())=='' ) ){
$('.element').show();
} else {
$('.element').hide();
}
<span class="btm"> </span>
if(($(window).width()这是因为执行此代码时DOM尚未就绪。$(“.btm”)
找不到。请使用
$(function() {
your code here will be executed when the page is ready
});
这是因为执行此代码时DOM尚未就绪。$(“.btm”)
找不到。请使用
$(function() {
your code here will be executed when the page is ready
});
提供的解决方案可能是您遇到问题的原因。另一件需要了解的事情是您调用JS文件和Javascript的顺序
例如,这将不起作用:
<body>
<script>
if ( ($(window).width() <= 767) && ($.trim($(".btm").html())=='') ){
$('.element').show();
} else {
$('.element').hide();
}
</script>
<script src="jquery.js"></script>
<span class="btm"> </span>
</body>
提供的解决方案可能是您遇到问题的原因。另一件需要了解的事情是您调用JS文件和Javascript的顺序
例如,这将不起作用:
<body>
<script>
if ( ($(window).width() <= 767) && ($.trim($(".btm").html())=='') ){
$('.element').show();
} else {
$('.element').hide();
}
</script>
<script src="jquery.js"></script>
<span class="btm"> </span>
</body>