禁用功能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

无需调整窗口大小即可..只需执行如下click事件

 $( "#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>