0

私は自分のhtmlにこのdivを持っています:

 <div class="row-fluid container-nav" data-spy="affix" data-offset-top="130">
       <div class="container">
           <div class="row-fluid">
               <?php nav_menu_primary(); ?>
          </div>
      </div>
 </div>

メディア画面が小さいときにナビゲーションが上にくっつかないようにするには、 data-spy="affix" を data-spy="affix-top" に変更する必要があります。

JS:

    $(window).resize(function() {
        // if screen is resize
        delay(function() {

            var width = $(window).width();
           // document.write(width);
        if( width >= 550 && width <= 767 ) {
           $('.toopnav').css('data-spy','affix-top');
        } 

        }, pause );

       });

   $(window).resize();
4

2 に答える 2

1

.css() を.attr()に変更

$('.toopnav').attr('data-spy','affix-top');

またはより良いアプローチ .data()を使用してください

$('.toopnav').data('spy','affix-top');
于 2013-10-21T06:23:11.673 に答える
0

jquery 属性を使用します。これが、jquery の最新バージョンで導入されたdata理由です。jquery.data

 $('.toopnav').data('spy','affix-top');

あなたのhtmlによると、そうあるべきだと思います

$('.container-nav').data('spy','affix-top');
于 2013-10-21T06:24:46.510 に答える