javascript - 根据屏幕大小更改 href 的一个“属性”

Question

亲爱的stackoverflowers，

我正在尝试根据屏幕大小更改我的 href 中的“数据放置”属性。不知何故，我无法让它工作。期望的目标是将“数据放置”属性从“左”更改为“右”。

那是与属性的链接：

<a href="#" id="changedataplacement" data-placement="left">

这是似乎不起作用的javascript。

$(document).ready(function() {
var $window = $(window);

function checkWidth() {
    var windowsize = $window.width();
    if (windowsize < 979) {
        $('#changedataplacement').Attr('data-placement','right');
    }  
    else {  
        $('#changedataplacement').Attr('data-placement','left'); 
    } 
}
// Execute on load
checkWidth();
// Bind event listener
$(window).resize(checkWidth);
});

有人有好主意吗？提前致谢。

Answer 1

.attr()函数名应该是小写的。JavaScript 区分大小写！您应该使用调试控制台来弹出这些错误！