使用較低分辨率的Jquery刪除數據屬性

Question

我只想為低於880px的分辨率隱藏以下數據屬性data-snap-ignore="true" ，但找不到解決方法。

這樣做的原因是因為snap.js使用以下數據來禁用內容上的拖動事件，所以我有興趣在較低分辨率下隱藏它（手機和平板電腦用戶習慣於使用拖動事件）。

帶有數據的HTML：

<div id="content" class="snap-content" data-snap-ignore="true">
 Content of the website
 </div>

編輯：

功能代碼：

            var target = e.target ? e.target : e.srcElement,
                ignoreParent = utils.parentUntil(target, 'data-snap-ignore');

            if (ignoreParent) {
                utils.dispatchEvent('ignore');
                return;
            }

如您所見，它僅適用於data-snap-ignore ，而無需注意true或false ，因此應該將其替換為某種白色內容，也許嗎？

Answer 1

您可以嘗試使用：

if($(window).width() < 880) {
    $('#content').attr('data-snap-ignore','false');
} else {
    $('#content').attr('data-snap-ignore','true');
}