0

(window).width(); に依存する data-width attr を変更したい

ここに例がありますCodepenの例

コード片

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

残りの例

ウィンドウの幅をたとえば 400 に変更し、「F5」をリロードすると機能しますが、リアルタイムのサイズ変更では変更されません。

ご協力ありがとう御座います：）

4

2 に答える 2

0

これを試して

   $(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"
            });
        }
});

ただし、これは属性「data-width」のみを変更します。実際の幅を変更するには、使用する必要があります.width()

これを試して：

$(".fb-like-box").width(440);
于 2013-08-15T13:53:40.700 に答える
0

通常、jQuery HTML データ属性では、次のようにアクセスします。

$(".fb-like-box").data("width", "700px");
于 2013-08-15T14:01:15.523 に答える