問題タブ [jquery-address]

ご挨拶、

jQuery Asual Addressプラグインを使用しています：http ：//www.asual.com/jquery/address/

何らかの理由で、FirefoxとIE（Chromeは除く）では、パラメーターの1つがURL（ "http：//"で始まる）の場合、アドレス変更イベントが2回発生します。

これが例のあるフィドルです：http：//jsfiddle.net/5L6Ur/

「foo」リンクをクリックすると、私の問題がわかります。どんな助けでも大歓迎です。

コード：

Jquery アドレス プラグインを正常に機能させるために約 12 時間試行錯誤を続けてきたので、投稿する時期が来たと判断しました。私が抱えている問題は、前後のナビゲーションが機能していないことです。IE: リンクをクリックしてから [戻る] ボタンをクリックしても、実際には戻りません。ただし、URLを変更します。根本的に間違ったことをしていると思わせるもう 1 つのことは、 を挿入した$.address.title($(this).attr("title"));にもかかわらず、実際にはアドレスが変更されていないことです。

ここにJquery：

ここに HTML:

最後に、ターゲットが空白の場合にページが「error.html」にリダイレクトされるようにifステートメントを実装しようとしましたが、それも機能していないようです。

助けてくれてありがとう！

Jqueryアドレスを使用して、次の例に従って簡単なディープリンクページを作成しました：
http://www.asual.com/jquery/address/samples/state/

この例では、HTML5 ブラウザー (私は Chrome 10 を使用しています) に実際に表示されるソースが表示されます。つまり、 http://www.asual.com/jquery/address/samples/state/portfolioは、そのコンテンツがJquery address/Ajax/ を介して挿入されたにもかかわらずPortfolio content.、 div に表示されます。この例を再構築しましたが、私のページでは、ソースは常に、Ajax が実行される前の最初のページのものです。これは、HTML5 以外のブラウザーと同じ動作です。 私は何を間違っていますか？ ヒントをありがとう、 トーマスcontent$('.content').html()

編集：

デモコードは次のとおりです。

私のはほとんど同じです。リンクの強調表示を削除し、サイトに一致するように URL を変更し、HTML をロードしているため Ajax 呼び出しを変更しました。それに「何か」があるのだろうか（ドキュメントでは実際には語られていないが、プロジェクトのGitHubで見つけた必要な.htaccessなど）。

これが私のコードです：

私は空のhrefs（href = "＃"）を使用しており、jQueryクリックイベントがコントローラーからデータを取得して部分ビューで表示できるようにしています。

ただし、戻るボタンを使用できるように、jQueryアドレスプラグインを実装したいと思います。私の知る限り、空のhrefの使用をやめる必要があります。（空のhrefを使用することも悪い習慣だと思います。）

私の新しいリンクは次のようになります。

しかし、jQueryクリックイベントがそれをキャプチャする代わりに、すぐに/ Stop / Detailsにリダイレクトされます。これは、部分的なビューであるため、私が望むものではありません。どうすればこれを修正できますか？

編集：私のタイトルが質問に対して正確ではないことに気づきました。申し訳ありません。より正確なタイトルを考えて変更しようとします。

二重編集：divをリンクにネストしてはならないことにも気づきました。

私のクリックイベントは実際にはライブクリックです。これは次のようになります。

jQueryアドレスを使用して、AJAXアプリケーションとのディープリンクを処理しています。私のURLは次の形式です。URLのさまざまな部分を処理するようにリスナーexample.com/#/section/item/param/param/param...で設定しています。.change()その/project/my-project/view-item/2/composeため、そのプロジェクトとそのアイテムの下にある作成ボックスをスライドして開きます。問題は、URLがそれに変更されるたびに、その時点までのすべてのアクションが呼び出されることです。（URLが/project/my-project呼び出されたときに発生するアクションなど。）

「チェーンを上る」ことなく、私が望むアクションだけを処理するための最良の方法は何ですか？

ある機能を別の機能に統合しようとしていて、困惑しています。

私がやろうとしているのは、ランダムな引用符を呼び出す jQuery 関数を追加することです。jQuery タブ UI でタブが変更されたときにその関数を起動したいと考えています。

これはランダム引用関数です:

この下には、タブの初期化があります (タブが変更されたときに div を折りたたむ別の関数と共に):

引用符関数は、変数を最初に呼び出す必要がありますか?

また、引用を変更するときに引用 div で fx opacity 効果も使用するようにするにはどうすればよいでしょうか?

2011 年 4 月 27 日を編集

これは機能し、関数で fx 効果を使用します。

問題を説明するシナリオを次に示します。

ユーザー A はHTML5 状態をサポートするブラウザーを使用しており、次のリンクをユーザー B に送信します。

http://domain.tld/node

HTML 5 状態をサポートしないブラウザーを使用するユーザー B は、別のノードに移動し、リンクをユーザー A に送り返します。

http://domain.tld/node#!/another-node

しかし、ユーザー A がリンクをクリックすると、 の/node代わりに のコンテンツが表示され/another-nodeます。

Asual の jQuery$.address()プラグインにクエリを実行すると、「ハッシュバン アドレス」がハッシュ値として解釈されていることがわかります。

(不思議なことに、"!" はハッシュバンから削除されます。)

このあいまいさは、実装を変更することで克服できますか?

URI に hashbang が見つかった場合、history API のサポートを無効にすることもできますが、それは避けたいと思います。

私はJQueryアドレスプラグインにあまり精通していませんが、このコードを思いついたので、この状況を除いて、うまく機能しています。「nav a」をクリックすると、URLが変更され、コンテンツも変更されます。しかし、ページをリロードすると、プラグインはデフォルトでトリガーされません。

任意のアイデア、ページの読み込み時にこの関数をトリガーするにはどうすればよいですか？

私はjquery.addressを使用しています。これは、ajaxの重いWebサイトを持っているときにブラウザの履歴状態を行うためのプラグインです。ただし、リンクが $.address.change() 関数をトリガーする特定の状況では、これをブロックする必要があります。

たとえば、1 つの要素が現在のページであるナビゲーションがある場合、現在のページをリロードするのではなく、変更イベントの発生をブロックすることをお勧めします。

$.address.change() 関数ではもちろん、これが現在のページかどうかを確認して戻ることができますが、ブラウザのアドレスバーのアドレスが変更されていることがわかります。

これは、ページをリロードするよりもさらに間違っています。現在のページが間違った URL でユーザーに表示されるからです。

たとえば、リンクにクラス「current」がある場合など、jquery.addressがURLを変更するのをブロックする方法を知っている人はいますか?

宜しくお願いします サンダー・ハウテキエ

jQuery Addressを使用して、ajax サイトでディープ リンクを実行しています。

次のような複数の引数があります。/SomeController/SomeAction#/586?e=5808&tab=#First

Q1: 「タブ」パラメーターだけを変更するにはどうすればよいですか?
こうやってみると…

..結果は次のとおりです。/SomeController/SomeAction#/586?e=5808&tab=#First#Third
目的の代わりに:/SomeController/SomeAction#/586?e=5808&tab=#Third

上記の場合、URL ハッシュの他のパラメーターは不明と見なされ、そのままにしておく必要があります。

Q2: URL ハッシュからパラメーターを削除するにはどうすればよいですか?
上記と同様ですが、タブパラメーターを完全に削除したい場合。

ありがとうございました！