問題タブ [hashchange]

私は 3 つのフォームの単純なコードを持っています。

簡単なコードをご覧ください。 http://jsfiddle.net/NjWAz/ (うまくスライドしません)。

div id のみが追加されている場合は、適切にスライドします。 http://jsfiddle.net/NjWAz/2/ (実際に機能する原因は何ですか? IDを変更するだけで機能するのですか?)

そして別の形で。 http : / jsfiddle.net/NjWAz/ )

jQueryに次のようなウィンドウオブジェクトへの.hashchangeメソッド参照があるかどうかを確認しようとしています。

しかし、関数をサポートしているブラウザとサポートしていないブラウザの両方で、「Uncaught TypeError：Undefinedのメソッド'hasOwnProperty'を呼び出すことができません」というメッセージが表示され続けます。何か案は？

JqueryHashChangeを使用して戻るボタンを管理しています。

リンク：Jqueryハッシュ変更

リンク（「a」）をクリックすると正常に動作し、ハッシュとしてhrefが追加されます。リンクは正常に機能します。

私の質問は、フォームボタンがクリックされたときにこれをどのように発生させるかです。フォームボタンをクリックすると、フォームを処理して成功ページをロードするajax呼び出しがトリガーされます（すべて現在のページを離れることなく）。送信ボタンをクリックしてフォームを処理すると、ハッシュは作成されないため、フォームが処理されても、戻るボタンをクリックすると、フォームに戻るのではなく、前のページにジャンプします。

フォームがajax経由で送信されたときに、戻るボタンを使用してフォームに戻ることができるように、この機能を追加するにはどうすればよいですか？ありがとう。

ページ上の製品をフィルタリングするナビゲーションのあるページに取り組んでいます。jQuery hashchange を使用して、リンクがクリックされたとき、およびブラウザーの [戻る] ボタンが押されたときに、nav リンクに現在の状態を追加および削除しました。ただし、filter() 関数は、ナビゲーション リンクがクリックされた場合にのみ機能します。ブラウザーの戻るボタンがクリックされたとき、または URL の末尾にアンカー タグが含まれている場合にフィルター関数を実装したいと思います。

ページへのリンクは次のとおりです。

http://dl.dropbox.com/u/20585252/test/index.htm

そして、関連するJqueryのセクションは次のとおりです。

正しい方向へのポイントは非常に高く評価されます。

目標:data属性の文字列を に正しく配置しますwindow.location.hash。

コード：

問題:属性にスペースが含まれるとすぐに、data-pathFirefox はハッシュを正しく配置できません。スペースはエンコードされていないように見えますが、他のブラウザーでは として正しくエンコードされてい%20ます。

奇妙な癖:コードをデバッグすると、文字列がエンコードされたスペースと共にリストされます。

行われた調査: Firefox でハッシュを正しく読み取るための解決策がたくさん見つかりました。何らかの形で、これは私のコードでうまく機能しています。

質問: window.location.hash に入力した文字列内のスペースを Firefox が URL デコードしないようにするにはどうすればよいですか?

私はjQuerybbqプラグインを見ていましたがdocument.hash、彼のコードのどこにも言及が見つかりませんでした。

ハッシュの取得は1094行目だと思います：

そしてハッシュを818に設定しますが、なぜ代わりにそれらを使用するのlocation.hashですか？

また、これとの取引は何ですか：

jq_bbq_pushState = function...十分ではないでしょうか？

jsdomドキュメントの場合：

ハッシュの変更：

'hashchange'でイベントをトリガーしませんwindow

誰かがこれの回避策を知っていますか？

ありがとうございました

私のウェブサイトは、URLでハッシュを使用してAJAX （このチュートリアルから取得）でナビゲートします。リンクをクリックすると、URLの末尾に/＃/（リンク名）が追加されます。

mysite.comにいて、「photos」をクリックすると、URLはmysite.com/#/photosになり、「＃content」divに/photosの#contentdivが再入力されます。

また、何らかの理由でユーザーが手動で「mysite.com/photos」と入力してから「bio」をクリックすると、URLは「mysite.com/photos/#/bio」のようになります。

ページが再ロードされず、URlがメニューのタグのhrefと完全に一致しないという事実により、現在のメニュー項目にアクティブなクラスを追加する方法を理解するのが難しくなっています。

私のメニューはワードプレスによって生成され、次のようになります

助けてください！

各ページを ajax 経由でロードし、フォールバックするメインのサイト ナビゲーションにこのコードを使用しています。

これは正常に動作しますが、別のページ (たとえば about.html) からコンテンツを読み込むと、#content-wrap 内のナビゲーション用のボタンもいくつか読み込まれます。

そのため、#content-wrap にはデータ ボックスとナビゲーション用のボタンが追加されました。新しいナビゲーションをクリックすると、データ ボックスに新しいデータをロードする必要があります。

最初に、上記のスクリプトをほとんどコピーしようとしましたが、新しいアンカーを使用すると競合が発生します。

ある種の if ステートメントが必要だと思います。 if (function !== undefined) のようなものを調べましたが、何をすべきかわかりません。

私はそれを説明するのに混乱していますが、基本的には上記のコードを基本的に以下の同じコードと矛盾なく組み合わせたいと思っています。

更新：ちょっとうまくいきましたが、私の計画を変更しました

私は道に迷っています.... JQMのドキュメントに従って、pagebeforechangeでJquery Mobileトランジションをリダイレクトしようとしています。

これは、前方遷移と後方遷移の両方で機能するはずです。技術的にはそうですが、後方遷移で問題が発生しています。最初の 1 つが機能し、その後、戻るボタンをクリックするたびに、2 つ以上の後方遷移が発生します。

URL を除外しました (現在はパスとオブジェクト ( $('#page') など) に対して完全なパスのみを渡しています); そうではありませんでした。別の犯人を探していますが、見つかりません。

他の誰かが何かを見たり、ヒントをくれたりするかもしれません。ご覧いただきありがとうございます:

コメント付きの簡単なセットアップ:

サンプルページはこちら: sample

再現するには、ページ2メニュー、ページ3メニューをクリックし、コンソールをクリアし、ブラウザを1回クリックしてコンソールを確認し（SINGLE RUN）、ブラウザを再度クリックしてコンソールを確認します（TWO RUNS ... ）

質問
私は解決策を探しているわけではありません.2番目の後方遷移が2回発生する原因についてのいくつかのアイデアです.

いくつかのアイデアをありがとう！

EDIT
sript に追加するコンソールが増えるほど、2 番目の不要なハッシュ変更が少し遅れて発生することが明らかになります。最初は JQM のfake_onhashchangeイベントに関連しているのではないかと考えましたが、これを完全に削除しても問題は解決しませんでした。探し続けてください。

EDIT2- Githu bで問題が見つかりました-それは私のスクリプトではありません...ふう...それでもヒントは大歓迎です:-)