0

画面サイズが 480px 未満の場合、DOM の別の位置にある非表示の div を開く方法を見つけようとしています。これまでのところ、非表示の div を大きな画面用の AttendTo 関数で移動しています。それは正常に機能していますが、唯一の問題は、非表示の div を移動して、DOM の元の場所で小さな画面サイズで開くことができないように見えることです。

$(document).ready(function() {

//determin window width
var width = $(window).width();

//hidden member info
$("div[id=member1]").click(function(){
        $(".member_info:not(#hidden_member1_info)").hide("blind",{direction:"up"}, "slow");
        if ((width >= 480)){
            $("div[id=hidden_member1_info]").appendTo("div[id=hidden_member_closer]");
            $("div[id=hidden_member1_info]").toggle("blind","slow");
            } 
        else{
            $("div[id=hidden_member1_info]").toggle("blind","slow");
            }
});

});

4

3 に答える 3

0

スクリプトを少し変更することで、この問題とウィンドウのサイズ変更の問題も解決したようです。ですから、誰かが知りたがっている場合に備えて、ここに行きます。

$("div[id=member1]").click(function(){ 
var width = $(window).width(); 
$(".member_info:not(#hidden_member1_info)").hide("blind",{direction:"up"}, "slow"); 
if ((width >= 480)){ 
    $("div[id=hidden_member1_info]").appendTo("div[id=hidden_member_closer]");
} 
$("div[id=hidden_member1_info]").toggle("blind","slow"); });

これは完全に機能します...このようにして、JavaScriptはクリック後にウィンドウの幅をチェックします。クリック後に実際にサイズを変更することはできないため、サイズ変更されたブラウザー ウィンドウでも機能します。

于 2013-05-29T11:30:29.847 に答える