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