基于CSS媒体查询加载jquery脚本

Question

当前行为：移动版本上的所有链接，正在新窗口中加载。 但是，桌面版可以正常工作。 尝试使用“ _self”，无法正常工作。

预期行为：移动链接必须在同一窗口中打开，并且不应影响其他灯箱或弹出窗口行为。 另外，桌面版。

如果@media screen and (max-width: 767px)有没有一种方法可以将链接定位为停止传播或返回false？

如果我使用e.stopPropgation（）或返回false，则会通过重定向到“未定义”来影响我的桌面版本链接和灯箱以及所有其他触发操作。

Answer 1

根据您的兼容性需求，一种解决方案是使用window.matchMedia（）

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the view port is at least 400 pixels wide */
} else {
  /* the view port is less than 400 pixels wide */ 
  $('.your-link-class').click(function (event) {
    event.stopPropagation();
    return false;
  })
}

Answer 2

if ($(window).width() < 768) {
   alert('Less than 768');
}