関数jQueryを無効にする

Question

サイズ変更時に、デスクトップまたはモバイルのいずれかを呼び出します。私はそれぞれのクリック機能を持っていて、それがデスクトップにあってモバイルに変更されていれば、両方とも動作しているようです。モバイル機能が真であればデスクトップ機能をオフにする必要があります。

ここに私のコードの基本的なバージョンがあります。

Screen_size() 

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

function Screen_size(){ 
    var w = $(window).width(); 
    if (w <= 710){ 
     Mobile(); 
    } 

    if (w > 710){ 
     Desktop(); 
    } 
} 

function Mobile(){ 
    console.log('Mobile'); 
    $("#open").click(function(e) { 
     console.log('Open Mobile'); 
    }); 
} 

function Desktop(){ 
    console.log('Desktop'); 
    $("#open").click(function(e) { 
     console.log('Open Desktop'); 
    }); 
} 

Answer 1

サイズ変更するウィンドウのための必要はありません。..ちょうどあなたがブラウザのサイズを変更するとまあ、resizeイベントは多分、何千回も起こり、この

$("#open").on('click', Screen_size); 
 
    
 
function Screen_size(){ 
 
    var w = $(window).width(); 
 
    (w <= 710) ? Mobile() : Desktop() ; 
 
} 
 

 
function Mobile(){ 
 
    console.log('Open Mobile'); 
 
} 
 

 
function Desktop(){ 
 
    console.log('Open Desktop'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="open">Click</button>