問題タブ [hashchange]

私には機能があります

私は持っていますwindow.onhashchange = runSomething;
そして私のコードでは、私はwindow.location.hash = "#processsection"

runSomethingは実行されますが、ページが#processsectionに実行される前に実行されます...＃processsectionにいる後にのみ実行されるようにするにはどうすればよいですか？

まず第一に、私はjQueryを初めて使用します。私のWebアプリケーションは、ユーザーが前のページに戻ることができない、またはページを更新することさえできないという問題に直面していることがわかりました。Webアプリの最初のページにリダイレクトされます。
これが私のスクリプトの一部です

基本的に、ユーザーがをクリックする<li>と、ページは別のページから別のコンテンツをロードします。

jQuery BBQで解決できることは知っていますが、使い方がわかりません。誰かが私にいくつかのヒントを与えることができますか？

ユーザーが戻るボタンを押すと、onhashchangeイベントを使用してFAQページのアンカーリンクに自動的にスクロールしました。

スクロールが機能しない場合に進むボタンが押されている場合を除いて、正常に機能します。

なぜこれが起こるのか理解できませんでした。なぜこれが起こるのか誰かが知っていますか？

デモページ：http ：//static.nemesisdesign.net/hashchange-issue/index.html （問題を再現するには、左側の列のリンクをクリックしてから、戻るボタンを数回押してから、進むボタンを押してください）

これは、スクロールを行うコードの一部です。

多分私は遅すぎるかもしれませんが、「私たちについて」をクリックしてからナビゲーションリンクをクリックし始めると（閉じていない場合）、問題なく動作します...ただし、ページが読み込まれると、私たちについてのリンクのみが表示されます正しく動作します。

ここにドラフトがあり、実行中です：http://www.pixeltweaks.com/ground_zero

それは私が理解できない単純なことだと確信しています。おそらく、より経験豊富な獣医の1人が助けになるでしょう.

みんなありがとう。

私は jQuery を使用する ajax サイトを持っていますが、ユーザーがページを更新して適切なコンテンツをロードできるようにする方法を考えています。

ユーザーがウェブサイト ドメインの href 属性を持つ要素をクリックすると、そのページのコンテンツがメイン div に読み込まれるようにしています。ロードされた html コンテンツは html ドキュメント全体であるため、ページのフラグメントはロードしていません。History.js を使用して、URL とハッシュの変更をチェックしています。しかし、ページを更新すると、静的コンテンツのみが読み込まれ (スタイルが解除され)、メインのホームページのヘッダーとフッターは読み込まれません。もう 1 つの問題は、GET 404 エラーを回避するために既存のハッシュをクリアする必要があることです。私が明らかに望んでいるのは、ページ全体が正常にロードされることです。

これまでの私のコードは次のとおりです。

私はこのウェブサイトを開発しています: http://parkoura.tk/a/sandbox/

私はajaxナビゲーションを使用しています。オンロード時に実行される ajax() という関数があります。その際、まずハッシュタグがあるかどうかを確認してほしい。ハッシュタグがない場合、関数は単に壊れて何もしません。ハッシュタグが宣言されている場合、別の php に ajax を送信し、div 内のコンテンツを置き換えます。

onload ハッシュ タグ チェック部分以外は完全に機能します。サイトが読み込まれると、スライダーがレンダリングされるのが一瞬わかります。ハッシュタグが宣言されていないにもかかわらず、引き続きコンテンツを置き換えます。

ロジックがどのように機能するかを示すアラートがあります。実際のチェックの私のロジックは次のとおりです。

完全な js コード: https://pastee.org/v8cxp

jQuery BBQ を理解するのに非常に苦労していますが、うまくいきません。理解しなければならないことがいくつかありますが、その部分をノックアウトすることが他の問題の解決につながることを期待して、最も重要であると私が信じるものに焦点を当ててみます.

それぞれが非表示になっている 3 つのセクションを含むページがあります。ユーザーがナビゲーション リンクをクリックすると、対応するセクションが展開され、他のセクション (アクティブな場合) は非表示になります。URL は、ページを表すハッシュで更新されます。とlocalhostなりlocalhost/#workます。私のコードでは、これは正しく機能します。

セクション内には、#workさまざまなビデオに対応する複数のサムネイルがあり、URL に値を追加して、ブックマークやその他の愛を許可しようとしているため、jQuery BBQ を使用しています。この種の作品は、URLが醜くなるという小さな問題があります。localhostになりlocalhost/#work=&misery=ます。見苦しいですが、正しく更新されています (セクションは意図したとおりに開いたままです)。

ここに商品があります：

イベントが発生するhashchangeと、超大規模な hash-bash 関数が実行され、URL のハッシュ値がチェックされ、適切なセクションが開きます。jQuery BBQ の.getState()メソッドを使用して、URL からビデオの値を取得し、そのサムネイルをクリックするにはどうすればよいですか?

どうもありがとうございます。長くなってしまいましたが、できるだけ明確に説明したいと思います。以下のjsFiddleを見つけてください（ただし、その環境ではハッシュをまったく表示できません...うーん！）生のコードだけでなく。

http://jsfiddle.net/danielredwood/n2KWv/2/

JavaScript:

</p>

私は比較的jQuery Mobileに慣れていません。なので、フレームワークの機能を隅々まで知っているわけではありません。

現在、履歴と動的なページ ナビゲーションに関するいくつかの問題に直面しています。

基本的に、私は次のことを達成したいと考えています。

ボタンのクリックでコンテンツを変更する Web ページがあります。「ホーム」ページに<div data-role="page" id="list_root">...</div>. ボタンをクリックすると、ページが に移動し<div data-role="page" id="list_123">...</div>ます。戻るボタンでdiv「#list_root」の内容に戻れるようにしたいです。

jQuery を使用する前に、私はこれを自分で実装しhistory.pushState(divContent, null, "#list_<id>")、古いコンテンツを新しいコンテンツに置き換えました。ただし、pushState プラグインは、jQuery モバイルを使用してデフォルトで非アクティブ化されています。

ナビゲートするために押されるボタンは、次のように定義されます。

「onhashchange」のコールバックを実装して、新しい div コンテンツ (list_ 用) の作成を実装しようとしました。しかし、このイベントは呼び出されません。

さらに、リンクがクリックされたときにコンテンツを作成できれば<div id="list_<id>">、以前のコンテンツを置き換えて、 のコンテンツを表示したいと考えています。

アプリケーションは大量のデータを提示するため、jQuery モバイルのネストされたリストを使用したくありませんでした。

フレームワーク機能を使用してこれを実装する方法について何かヒントはありますか?

編集：

次のような状況があります。

ご覧のとおり、「list_root」はデフォルトの「開始ページ」であり、意図したとおりに表示されます。

click() のイベント リスナーを追加して、<div id="list_123">viaのコンテンツを動的に作成しました。

これは機能します。

ボタンは次のように作成されます。

div コンテンツが正常に作成された後、URL のハッシュが #list_123 に変更されます。しかし、ページが表示されません。ここに問題がありますか、それはタグ<div data-role="page" id="list_123">...</div>内にありますか? <div data-role="page" class="type-interior" id="main_window">次にやってみます！

私はこのプラグインhttp://www.asual.com/jquery/address/を私のウェブサイトのハッシュ変更などを検出するために使用しています。これはナビゲーションにのみ使用されるため、ユーザーエクスペリエンスの重要な部分です。これで、ハッシュが変更されない場合、またはクリックされた最後のハッシュ URL と変わらない場合 (たとえば、私が例にいる場合) にイベントがトリガーされないことを除いて、これは私が行っているすべてのことに対して完璧に機能します。 com/home を開き、ホームページ アイコンをもう一度クリックしても、通常のリンクを使用している場合と同様に、ページが再度リロードされることはありません。URL の一部であるすべてのリンクに対してこれを達成する方法を理解できませんでした。（ナビゲーション部分ではないタグを使用しているため、すべてのタグだけではありません。

私はウェブサイトhttp://www.mitchellfinlay.co.uk/newlake/magazines.htmlを持っています

カーテン効果を利用し、各li要素はスクロール時に表示されるか、上部のリンクをクリックすると自動的に表示されます...テンポス...トークビジネスなど.

私がしたいのは、ユーザーがリンクが固定されているカーテンまでスクロールしたときに、リンクのクラスを「現在」に設定することです。

これは、ユーザーがスクロールしているとき、またはそのページで自動スクロールが停止したときに発生する必要があります。

これは達成可能ですか？