java 仅在移动设备中具有脚本功能

Question

我希望 java 仅在移动设备 767px 中使用脚本功能。这是我的代码

$('#my-btnn').click(function () {
    $('#mobile-login').hide();
    $('#user-settings').slideToggle('fast');
});

Answer 1

您可以通过查看您的分辨率来绑定您的点击。使用 onResize 并通过 screen.width

检查

$(window).resize(function() {
    if (screen.width <= 767) {
         $('#my-btnn').bind('click', function () {
            $('#mobile-login').hide();
            $('#user-settings').slideToggle('fast');
         });
    }
});

并且可以查看是否提前绑定了

或者您可以只在 onReload 中添加此检查

Answer 2

您可以简单地检查 window 宽度以确定函数是否应该工作：

$('#my-btnn').click(function () {
    if ($(window).width() < 767) {
        $('#mobile-login').hide();
        $('#user-settings').slideToggle('fast');
    }
});

java 仅在移动设备中具有脚本功能

java script functionality only in mobile device

javascript

media-queries