javascript - 画面サイズに応じてhrefの1つの「属性」を変更する

Question

親愛なるstackoverflowers、

画面サイズに応じて、href の「data-placement」属性を変更しようとしています。どういうわけか私はそれを働かせることができません。望ましい目標は、「data-placement」属性を「left」から「right」に変更することです。

それは属性とのリンクです：

<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);
});

良いアイデアを持っている人はいますか？前もって感謝します。