jquery - 如何在 jquery 中将 data-spy="affix" 动态更改为 data-spy="affix-top"

Question

我的 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();

Answer 1

将 .css() 更改为.attr()

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

或使用更好的方法 .data()

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

Answer 2

使用 jquerydata属性.. 这就是jquery.data在最新版本的 jquery 中引入的原因。

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

根据你的 html ，我想应该是

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