削除スタイルを追記

Question

に置かれた私は、このスタイルの問題を得た：

CASE：

1. とき幅= 800 <、function mlpushmenu変更transform :translate3d(-100%,0,0)

2. 幅> 800変更transform : none !important （使用する必要があります！重要）

3. 次に幅0を変更しようとしています= 80<、それはどれもませんので、重要function mlpushmenu働いていない、私はtransform : none !important

のjQueryを削除する必要があります！

私が間違っていた動作していないこと

$(document).ready(function() { 
function jqUpdateSize(){ // for check size 
    var windowwidth = $(window).width(); 

    // for change transform, must set to !important 
    var $lvl = $("<style>.level > ul > li > .level {transform : none !important}</style>"); 

    if (windowwidth <= 800){ 
     // remove style not working 
     $lvl.remove(); 

     // WHEN THIS MLPUSH MENU WORK it's change transform. 
     new mlPushMenu(document.getElementById('menu'), document.getElementsByClassName('btnslick')[0], { 
      type : 'cover' 
     }); 
    }else{ 
     $lvl.appendTo("head"); 
    } 
}; 
$(document).ready(jqUpdateSize); 
$(window).resize(jqUpdateSize); 
}); 

？、？

どのようにを削除しますか？！重要ですか？

Answer 1

CSSクラスを使用してスタイルを適用するようにこれを変更します。したがって、このようなクラスを持っている：

.withTranslate { 
    transform: translate3d(-100%,0,0); 
} 

.withoutTranslate { 
    transform: none !important; 
} 

そして、次の操作を行うためにあなたのJavaScriptを変更します。

function jqUpdateSize() { 
    // Get current width 
    var windowWidth = $(window).width(); 

    var $lvl = $(".level > ul > li > .level"); 

    // Remove both classes 
    $lvl.removeClass("withoutTranslate").removeClass("withTranslate"); 

    // Add appropriate class depending on width 
    $lvl.addClass(windowWidth <= 800 ? "withoutTranslate" : "withTranslate"); 

    // Other code 
    [...] 
};