Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整大小时的属性更改不会更新_Javascript_Jquery_Resize_Attr - Fatal编程技术网

Javascript 调整大小时的属性更改不会更新

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

我想更改attr依赖的数据宽度(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"
        });
    }
如果((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");