1

こんにちは私はenquire.jsの使い方に頭を悩ませようとしています。.mouseenter（function（）を使用して関数.showと.hideをアクティブにします。しかし、タブレットとモバイルで.mouseenterを表示すると冗長になります。画面の幅が私のに達すると、jqueryにdivを表示するように指示します。メディアクエリ。

 @media only screen and (min-width : 769px ) and (max-width : 959px)

以下に例を示します。

これが私のjqueryです：

$(".slidingDiv_how").hide(); 
          $(".show_sub").show(); 

          $('.show_sub').mouseenter(function(){
          $(".slidingDiv_how").slideDown();
            return false;
          });
            });

これが私のhtmlです

<div class"right-wrapper"><!--How wrapper -->
                                <div id="how_we" class="show_sub1" style="cursor: hand; cursor: pointer;">
                                    <h1><a href="#">How We Work:</a></h1>
                                        <div class="slidingDiv_how">
                                            <p class="show_sub1">The heat of the vertical rays of the sun was fast making our horrible prisons unbearable, so that after passing a low divide, and entering a sheltering forest, we finally.</br> 
                www.dochouse.co.uk</p>

                                        </div> <!-- end slidingdiv2 -->

私はドキュメントを読みましたが、どの部分を置くべきか本当にわかりません。どんな助けでも大歓迎です。

4

1 に答える 1

2

これがお役に立てば幸いです。ドキュメントから直接コピーされています

enquire.register("screen and (min-width : 769px ) and (max-width : 959px)", {
    match : function() {
        $(".slidingDiv_how").show();            
    },
    unmatch : function() {
        $(".slidingDiv_how").hide();
    }
}).listen();

最新バージョンの変更に注意してください

v2.0.0（2013-04-17）

v2以降、listenとfireは不要になり、APIから削除されました。必要なのは、コード内でそれらの使用法を削除することだけです。また、inquireはサイズ変更イベントに依存しなくなったため、polyfillがmatchMedia.addListenerをサポートしていることを確認する必要があります。この詳細については、従来のブラウザのセクションをご覧ください。

于 2013-03-29T10:56:43.590 に答える