如何自动激活jquery脚本

2023年6月14日 194次阅读

我是一个真正的
jquery newbee并找到了这个脚本 – 它很有效但只有当我触摸屏幕(移动)时……

我正在寻找的是一种自动激活脚本的方法……任何人都可以帮助我吗？

<script>
    //  changing the order of the sidebar so it goes after the content for   mobile versions

    jQuery(window).resize(function(){

        if ( jQuery(window).width() < 480 )
        {
            jQuery('.mid_grid_right').insertBefore('.mid_grid_left');
        }

        if ( jQuery(window).width() > 480 )
        {
            jQuery('.mid_grid_left').insertBefore('.mid_grid_right');
        }

        jQuery(window).height(); // New height
        jQuery(window).width(); // New width
    });
</script>

最佳答案 当您的DOM准备就绪时,不会自动调用回调函数,因此您应该：

<script> 
   function resizeFn(){
      if ( jQuery(window).width() < 480 ) {
        jQuery('.mid_grid_right').insertBefore('.mid_grid_left'); 
      } 
      if ( jQuery(window).width() > 480 ) { 
         jQuery('.mid_grid_left').insertBefore('.mid_grid_right'); 
      }
      jQuery(window).height(); // New height
      jQuery(window).width(); // New width
   }

   jQuery(window).resize( resizeFn );
   jQuery(document).ready( resizeFn) ;
</script>
点赞