0

だから、私はドロップダウンメニューを持っています。その後、幅 955 (デスクトップ) の場合、ドロップダウン メニューは JavaScript を使用して開いたままになり、閉じることができません。これはうまく機能するので、タブレットではメニューが閉じられますが、クリックすると開くことができます。これも私が望むものです。

この問題は、デスクトップの画面幅をタブレット ビューに手動でサイズ変更すると発生しますが、955 未満ではメニューが開いたままになり、閉じることができません。この bootply の例を参照してください: http://bootply.com/86605

function checkWidth(init) {
    if ($(window).width() > 955) {
        $( "li#add" ).addClass( "open" );
        $('#remove').removeAttr("data-toggle");
    }
}

$(document).ready(function() {
    checkWidth(true);

    $(window).resize(function() {
        checkWidth(false);
    });
});
4

3 に答える 3

0 
function checkWidth(init)
{/*If browser resized, check width again */
if ($(window).width() < 640) {
$('.second_menu_mid').addClass('rmm');
}else {if (!init) {  $('.second_menu_mid').removeClass('rmm');
} }}
$(document).ready(function() {
checkWidth(true);
$(window).resize(function() {
checkWidth(false);
});});
于 2013-10-26T07:42:40.480 に答える
0

何もしていないように見えるため、「init」引数が何のためにあるのかわかりませんが、別の条件を追加して「open」クラスを削除する必要があります。

function checkWidth(init) {
    if ($(window).width() > 955) {
        $( "li#add" ).addClass( "open" );
        $('#remove').removeAttr("data-toggle");
    } else if($(window).width() < 955) {
        $( "li#add" ).removeClass( "open" );
    }
}
于 2013-10-09T13:27:41.943 に答える