javascript - 根据屏幕尺寸更改 href 的一个 'attribute'

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 区分大小写! 您应该使用调试控制台才能弹出这些错误!