如何更改移动用户的链接？

Question

我有一个按钮，可以打开一个联系表单的弹出窗口，但弹出窗口不是在移动设备上滚动，所以我只是觉得更改移动按钮可能更容易。是否有办法插入一些代码来使其现在正常工作？

按钮的代码是：

<a class="book-now call-popup" href="booking-form.html" title="">Book Now</a>

如果我取出“call-popup”，它会禁用弹出窗口并将您带到网址。有什么方法可以设置它，以便在移动设备上关闭/禁用“call-popup”？

编辑：

添加了以下

function checkWidth() {
if ($(window).width() < 758) {
    $('#popup').removeClass('call-popup');
} else {
    $('#popup').addClass('call-popup');
}
}

$(window).resize(checkWidth);

和

<a id="popup" class="book-now" href="booking-form.html" title="">Book Now</a>

但它不起作用。我的意思是，当我检查页面时，它正常工作，但是即使由于某种原因删除了类，它仍然会调用弹出窗口。奇怪的是，这是我的小提琴，但不是我的网站：

http://jsfiddle.net/5SM9u/51/

编辑2：因为有问题，这里是pops js

/*=================== Book Now Popup ===================*/
    $(".call-popup").on("click", function() {
        $(".booking-popup").fadeIn();
        return false;
    });

    $(".booking-popup").on("click", function() {
        $(this).fadeOut();
        return false;
    })

    $(".popup-inner, .datepicker").on("click", function(e) {
        e.stopPropagation();
    });

    $(".booking-popup .close-btn").on("click", function() {
        $(".booking-popup").fadeOut();
    });




    /*=================== Popup ===================*/
    $(".call-popup-alert").on("click", function() {
        $(".popup").fadeIn();
        return false;
    });

    $(".popup").on("click", function() {
        $(this).fadeOut();
        return false;
    })

    $(".simple-popup-inner").on("click", function(e) {
        e.stopPropagation();
    });

    $(".popup .close-btn").on("click", function() {
        $(".popup").fadeOut();
    });