- このトピックには4件の返信、2人の参加者があり、最後に
により11年前に更新されました。
-
投稿
-
-
いつもありがとうございます。
先日フォーラムで要望としてお出ししたバイラル風シェアボタンの実装、ありがとうございます。
重宝させて頂きます。表記の件なのですが、現在simplicityを使用させて頂いて２サイトを運営しております。
この度最新版のsimplicityに更新しモバイル表示で「スライドイン」を選択したところ、iPhoneから確認したところmenuボタンとsidebarボタンが上手く作動しませんでした。具体的には押してもサイドバーがスライドしてこないのです。
PCサイト上のChromeの要素の検証からレスポンシブ表示にして試してみると正しく反応します。
また、Androidでも正しく動作致しました。ちなみにiPhone5でブラウザはChrome、Safariで確認しましたが双方共に作動しませんでした。
２サイト共に同じ症状です。
両サイトで共通して使用しているプラグインはjetpackやpopular potsなど一般的なもののみです。
同様の症状でお悩みの方もいらっしゃるかもしれないかと思いフォーラムに投稿させて頂きました。
ご多忙ななか申し訳ありませんがお時間のあるときに回答をお願い申し上げます。 -
一度、iOSで使用しているブラウザのキャッシュを削除してもらってよろしいでしょうか？
あともし、エックスサーバーを利用している場合は、mod_pagespeedのキャッシュも不具合を起こす原因になります。ただ、それ以外だと、僕はiOS系の端末は持っていないので、動作不良時のガイドライン以外のことは、不具合の出ているページのURLからソースを見ないとちょっとわからないかもしれません。
-
返信が遅くなり申し訳有りません。
その後いろいろと試したところプラグイン「Asynchronous Javascript」を停止したところ正しく動作しました。
今後もプラグインを停止してスライドイン表示させたいと思います。同様のご相談があったときにこの事例がお役に立てれば幸いです。
-
ボタンが動かない時は、javascriptのエラーがかなりの大部分だと思います。
読み込みの順序で、jQueryよりも先に何かしらのjQuery依存のjavascriptファイルが読み込まれたり、テーマのjavascript(javascript.js)が読み込まれる前に何かしらのエラーが出ていて止まってしまっているような状態です。外部javascriptでdocument.writeあたりを使ってないようなものはたいていasyncで対応できるので、例外に(できる場合は)しておくか、deferで後から読み込ませればよいかと思います。
wordpressは読み込み順序をフックする関数があって、jQuery依存のものはjQueryを読み込んでから実行することができます。jQuery以外のものでも先に読み込ませるべきものがある場合は指定することができます。例えばjQuery-mobileとか、その他諸々。
詳しくは、wp_register_script、wp_enqueue_scriptあたりを調べてみると良いと思います。
-
報告ありがとうございます。
相性の悪いWordPressプラグインまとめに追記しておきました。
-
- トピック「ios使用時、モバイル表示「スライドイン」にてmenuボタンとsidebarボタンが反応しない」には新しい返信をつけることはできません。