Javascript 调整大小时的属性更改不会更新
我想更改attr依赖的数据宽度(window).width() 下面是一个例子 一段代码Javascript 调整大小时的属性更改不会更新,javascript,jquery,resize,attr,Javascript,Jquery,Resize,Attr,我想更改attr依赖的数据宽度(window).width() 下面是一个例子 一段代码 if ((screen_wd >= 0 ) && (screen_wd <= 460)) { $(".fb-like-box").attr({ "data-width": "440px" }); } else if((screen_wd > 460 ) && (screen_wd &l
if ((screen_wd >= 0 ) && (screen_wd <= 460)) {
$(".fb-like-box").attr({
"data-width": "440px"
});
}
else if((screen_wd > 460 ) && (screen_wd <= 720)){
$(".fb-like-box").attr({
"data-width": "700px"
});
}
else{
$(".fb-like-box").attr({
"data-width": "980px"
});
}
如果((screen\u wd>=0)和&(screen\u wd 460)和&(screen\u wd试试这个
$(window).resize(function(){
var screen_wd = $(window).width();
if ((screen_wd >= 0 ) && (screen_wd <= 460)) {
$(".fb-like-box").attr({
"data-width": "440px"
});
}
else if((screen_wd > 460 ) && (screen_wd <= 720)){
$(".fb-like-box").attr({
"data-width": "700px"
});
}
else{
$(".fb-like-box").attr({
"data-width": "980px"
});
}
});
通常在jQuery中,HTML数据属性的访问方式如下:
$(".fb-like-box").data("width", "700px");
您如何访问该属性才能知道它不起作用?您必须找到一些在调整窗口大小时触发的事件,并将代码绑定到它。它不会自动发挥作用。它永远不会起作用,因为这是FB识别的属性,而不是真正的宽度…您必须使用css来更改它,再见。@cfs访问该属性就是工作正如我所描述的,当你刷新示例时,它会更改属性数据-宽度,但无法调整大小。:(看起来我明白了你的意思,请稍候,我会进行更改
$(".fb-like-box").data("width", "700px");