Question

亲爱的stackoverflowers，

我正在尝试更改href中的'data-placement'属性，具体取决于屏幕大小。不知怎的，我无法让它发挥作用。期望的目标是将“数据放置”属性从“左”更改为“右”。

这是属性的链接：

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

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

1 个答案: