更改一个取决于屏幕尺寸

Question

亲爱stackoverflowers A HREF的“属性”，

我试图改变“数据放置”属性在我的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是区分大小写的！ 您应该使用调试控制台，以便弹出这些错误！