1

ですから、iPad用の開発に関しては何も知りません。私はWordpressサイトを持っており、モバイルデバイスに提示するためにWPTouchを使用しています。デスクトップ版はiPad用に表示されており、かなり見栄えがします。問題は、ドロップダウンメニューの機能がひどいことです。メニューは100％CSSです。カーソルを合わせると、メニューが表示されることがありますが、消えます。消えない場合は、いずれかのリンクをタップしても効果がありません（ドロップダウンメニューを閉じるだけです）。

iPadのテーマを作成せずに簡単な解決策はありますか？私のトップカテゴリのリンクもページを指していますが、必要に応じて、機能の代わりにそれらを無効にすることができます。

サイトは次のとおりです。http：//pureamericannaturals.com

4

2 に答える 2

0

わかりました。これをできるだけシンプルにしました。方法は次のとおりです。

  1. カスタムのWordpressメニューを作成しました。サブカテゴリ項目を含むトップメニューリンクは#、hrefとしてaが付いたカスタムリンクに置き換えられました。トップメニューリンクにサブカテゴリ項目がない場合は、デフォルトのリンクのままにすることができます。

  2. 私header.phpの場合、ユーザーエージェントがiPadであるかどうかを確認するために簡単なテストを行いました

    if (!strstr($_SERVER['HTTP_USER_AGENT'], 'iPad')) {
    wp_nav_menu( array( 'theme_location' => 'primary' ) );
        } else {
    wp_nav_menu( array( 'menu' => 'iPad Menu', 'menu_class' => 'menu_ipad' ) );
}

  3. カスタムtouchstartイベントですべてをまとめました

    $('.menu_ipad ul a').bind('touchstart', function(e) {
    e.preventDefault();
    var newLoc = $(this).attr('href');
    window.location.href = newLoc;
});
于 2012-08-31T20:30:23.153 に答える
0

これが私たちが使用する最も簡単な解決策です-スパンに次の行を追加します、liまたはanchorはiPadをMacでサファリのように動作させ、クリックしてドロップダウンを開きます

onClick="return true"

ここで実際の動作を確認してください-http://www.naturalsal.it/

于 2013-02-07T11:32:22.117 に答える