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

Question

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

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

有没有办法定位链接以停止传播，如果@media screen and (max-width: 767px)？

，则返回false

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

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');
}