0

私はこれらすべてにかなり慣れていないので、これがばかげた質問である場合はお詫びします。

ここに Magento サイトがあります: http://www.thisisnotavegetable.comレスポンシブ デザインを使用しており、モバイル幅のブラウザーで表示すると、トップメニューは JavaScript 対応のドロップダウンになります。

これはすべて正常に動作しますが、ホームページ (javascript 対応のスライダーを介して読み込まれている場所) を除き、Chrome for Android でのみ機能します。そのブラウザでは、ドロップダウンがちらつき、リンク テキストが表示されません。これはjQueryの問題だと思いますが、理解できるほど進んでいません。

どんな助けでも大歓迎です！アレックス

以下はドロップダウンのjQueryです（私は思います）。スライダーは ioSlider です。そのjQueryを見る必要なく誰かが私を助けてくれることを願っています。なぜなら、それはフォーマットされておらず、ライセンスは私がそれを投稿することになっていないと言っているからです。

if (jQuery('#categories-accordion').length){
    jQuery('#categories-accordion li.level-top.parent ul.level0').before('<div class="btn-cat"><div class="inner"></div></div>');
    if(mobileDevice == true){
        jQuery('#categories-accordion li.level-top.parent').each(function(){
            jQuery(this).on({
                click: function (){
                    if(!jQuery(this).hasClass('touched')){
                        jQuery(this).addClass('touched closed').children('ul').slideToggle(200);
                        clearTouch(jQuery(this));
                        return false;
                    }
                }
            });
        });
    }else{
        jQuery('#categories-accordion li.level-top.parent .btn-cat').each(function(){
            jQuery(this).toggle(function(){
                jQuery(this).addClass('closed').next().slideToggle(200);
            },function(){
                jQuery(this).removeClass('closed').next().slideToggle(200);
            })
        });
    }
}
4

1 に答える 1

3

jQueryコードを投稿できれば素晴らしいでしょう:)

ちらつきは、ハードウェア アクセラレーションを使用することで解決される場合があります。「-webkit-transform: translateZ(0);」を追加することで、ブラウザーに強制的にハードウェア アクセラレーションを使用させることができます。モバイル メニューの css クラスに追加します。

      mobileMenu {
          ...
          -webkit-transform: translateZ(0);
          }
于 2013-10-25T08:34:14.383 に答える