複数ページのjqueryドキュメントがあります。すべてがスムーズに機能していますが、ページ間を移動しているときに、ページが白い画面として表示されることがあります。フッターとヘッダーは表示されますが、間に何も表示されません。
私の推測では、特定のイベントがエラーを引き起こしているか、少なくとも私を正しい方向に向けるでしょう。ブラウザのconsole.logに発生したすべてのイベントをjQueryに書き出すにはどうすればよいですか?
複数ページのjqueryドキュメントがあります。すべてがスムーズに機能していますが、ページ間を移動しているときに、ページが白い画面として表示されることがあります。フッターとヘッダーは表示されますが、間に何も表示されません。
私の推測では、特定のイベントがエラーを引き起こしているか、少なくとも私を正しい方向に向けるでしょう。ブラウザのconsole.logに発生したすべてのイベントをjQueryに書き出すにはどうすればよいですか?
私は似たようなものを探していて、これを見つける前に自分自身をほとんど展開していました:
http://view.jquerymobile.com/master/tools/
基本的に、ページ イベント ロガーのブックマークレットを使用して、このスクリプトを DOMに動的に挿入し、イベントを標準の console.log に記録することができます。すべてのイベント (「mobileinit」など) を表示したい場合は、ページにスクリプトを含めるだけです。私は通常、次のようなことをします:
{% if debug %}
<script src="http://view.jquerymobile.com/master/tools/log-page-events.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.js"></script>
{% else %}
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
{% endif %}
すべてのイベントがログに記録されるわけではありません (たとえば、 orientationchange ) が、ほとんどのイベントはログに記録されます。フレームワークをデバッグして理解することで、かなりの時間を節約できました。
jQuery Mobileには、すべてのJQMイベントのデバッグを有効にするスイッチが組み込まれていません。このサイトでは、デバッグで使用するために非圧縮スクリプトを推奨していますが、それだけでは、コンソールにすべてを簡単に記録できるわけではありません。
ページ上のすべてのイベントまたは少なくとも$.mobile.base
オブジェクトにバインドすると役立つ場合があります。その方法については、この投稿を確認してください:
DOM要素のすべてのイベントをバインドするにはどうすればよいですか?