javascript - 从点击事件中删除 window.location.href

Question

根据当前媒体查询，我正在做一个可点击的div。如果与 max-width: 767px 不匹配，那么我将绑定(bind) anchor 的 url。但如果与查询匹配，我不想在点击时执行任何操作。有没有办法将其删除在其他...？

   if (!window.matchMedia('(max-width: 767px)').matches) {
        jQuery(el).addClass("clickable");

        jQuery(el).click(function (e) {
            window.location.href = jQuery(el).find("a").attr("href");
        });
    }else{
        jQuery(el).removeClass("clickable");

        jQuery(el).click(function (e) {
            window.location.href = ??????
        });
    }

Answer 1

您应该将点击事件移到 if 条件之外 - 这样会更容易处理。

var result = !window.matchMedia('(max-width: 767px)').matches;

jQuery(el).click(function (e) {
    if (result) {
        window.location.href = jQuery(el).find("a").attr("href");
    }
}).toggleClass("clickable", result);

或者只是使用unbind方法:

var clickFunction = function (e) {
    window.location.href = jQuery(el).find("a").attr("href");
};

if (!window.matchMedia('(max-width: 767px)').matches) {
    jQuery(el).addClass("clickable").click(clickFunction);
} else {
    jQuery(el).removeClass("clickable").unbind('click', clickFunction);
}