1

画面サイズが 767px 未満で、要素が空 (この場合はスパン) であることを検出する jquery コードを作成したいと考えています。

 if ( ($(window).width() <= 767) && ($.trim($(".btm").html())=='' ) ){

            $('.element').show();
        } else {

            $('.element').hide();
        }

<span class="btm"> </span>

このコードは機能していません。ありがとう

4

2 に答える 2

3

これは、このコードを実行するときに DOM の準備ができていないためです。$(".btm")見つかりません。使用する

$(function() { 
     your code here will be executed when the page is ready
});
于 2013-01-23T19:01:21.593 に答える
1

問題が発生した理由は、提供されたソリューション dystroy である可能性があります。認識すべきもう 1 つのことは、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>

ウィンドウの幅が 767 ピクセル以下かどうか、および.btmスパン要素が空かどうかをチェックするために使用される JavaScript は、jQuery を使用します! したがって、次のように JavaScript を実行する前に、jQuery を呼び出していることを確認する必要があります。

<body>

<script src="jquery.js"></script>

<script>
if ( ($(window).width() <= 767) && ($.trim($(".btm").html())=='') ){
    $('.element').show();
} else {
    $('.element').hide();
}
</script>

<span class="btm"> </span>

</body>
于 2013-01-23T19:17:10.197 に答える