這是我在 WordPress 網站中使用的 jQuery 代碼，它運行良好。
jQuery(document).ready(function($){
$(document).on("click",".selected",function() {
$('.wvg-single-gallery-image-container').css('display','none');
})
});
我只希望代碼在 766 的螢屏寬度處停止作業，在 766 上代碼不必作業。
讓我知道是否有什么可以使這成為可能。
謝謝，阿卜杜拉
uj5u.com熱心網友回復：
考慮以下。
jQuery(document).ready(function($){
$(document).on("click", ".selected", function() {
if($(window).width() < 766){
$('.wvg-single-gallery-image-container').hide();
}
});
});
如果檔案不是很寬，小于 766，按鈕將執行操作。否則，什么都不會發生。
查看更多：https ://api.jquery.com/width/
uj5u.com熱心網友回復：
您可以使用mediaMatch針對媒體查詢進行測驗...
if (window.matchMedia('(max-width: 766px)')) {
$('.wvg-single-gallery-image-container').css('display','none');
}
…但這種方法不是一個好方法。考慮如果用戶在 JS 運行后調整視窗大小會發生什么。您添加的行內樣式仍然存在，但基于錯誤的視窗大小。
相反，使用 JS從元素中添加和洗掉類。然后將 CSS 中的這些類與媒體查詢一起使用。
$('.wvg-single-gallery-image-container').addClass('a-suitably-semantic-class-name);
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/485385.html
標籤：javascript jQuery 媒体查询
上一篇：如何使輸入文本顯示在文本欄位中？