如何刪除功能，當我改變屏幕尺寸（菜單響應）

Question

$(document).ready(function() { 
    // get width of screen 
    var Docwidth = 0; 
    $(window).resize(function() { 
     Docwidth = $(document).width(); 

     //if width of document smaller screen 

     if (Docwidth < 768) { 
      //turn on accordion 
      $('#accordion').accordion({ 
       heightStyle: false 
      }); 
     } else { 
      // turn off function when i change screen size 
      $('#accordion').accordion("disable"); 
     } 
    }); 
}); 

Answer 1

試試這個。

$(document).ready(function() { 
// get width of screen 
var Docwidth = 0; 
    testWindowWidth(); 
}); 

$(window).resize(function() { 
    testWindowWidth(); 
}); 

function testWindowWidth(){ 
    Docwidth = $(document).width(); 

    //if width of document smaller screen 

    if (Docwidth < 768) { 
     //turn on accordion 
     $('#accordion').accordion({ 
      heightStyle: false 
     }); 

    } else { 
     // turn off function when i change screen size 

     $('#accordion').accordion("disable"); 

    } 
} 

你要設定的功能「$（窗口）.resize（）;'$（document）.ready（）;「 - 功能，因爲在」就緒「中它將只運行一個。

希望我能幫上忙。

Demo < - 你必須改變紅塊:)