在较低分辨率下使用Jquery删除数据属性

时间:2014-03-28 17:18:00

标签: javascript jquery

我想隐藏以下数据属性data-snap-ignore="true"仅适用于低于880像素的分辨率,但我无法找到如何操作。

这样做的原因是因为snap.js使用以下数据来禁用内容上的拖动事件,所以我有兴趣在较低分辨率下隐藏它(手机和平板电脑用户习惯使用拖动事件)

HTML WITH DATA:

<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,而不关注truefalse,因此可能会替换某些白色内容,也许?< / p>

1 个答案:

答案 0 :(得分:0)

您可以尝试使用:

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