javascript - 为什么在调整大小时更改数据属性在 javascript/jquery 中不起作用

Question

当我调整窗口大小时，我试图更改 facebook comment div 的大小。这是我的代码:

$(document).ready(function(){
    var $window = $(window);

        function checkWidth() {
            var windowsize = $window.width();

            if (windowsize < 768) {
                $(".fb-comments").attr("data-width","767");

            }
        }

        checkWidth();

        $(window).resize(checkWidth);
    })

此代码适用于加载页面。如果我在浏览器调整大小小于 768px 宽的情况下加载页面，则代码可以正常工作，并且 div 的数据宽度变为 767。但是如果在正常宽度屏幕中加载页面并调整大小，则不会。为什么？

Answer 1

data-width 是 Facebook 脚本在渲染期间读取和操作的属性。如果不触发该脚本的事件，就没有理由认为会发生调整大小，因为浏览器会忽略数据属性。相反，使用 CSS。

if (windowsize < 768) {
    $(".fb-comments").width("767");
}

http://jsfiddle.net/isherwood/vmnnc/