問題タブ [jquery-bbq]

私は次のコードを持っています（ここのjsfiddleにあります）

このコードはクロムでうまく機能します。しかし、firefox 22およびie 10では、奇妙な動作をします

色をクリックすると、すべて機能します。.selected戻るとき、コードはクリアされ、正しいノードにのみ追加されるように動作する必要があります。その結果.selected、DOM では (要素を検査すると) クリアされますが、画面ではクリアされません。画面のどこかをクリックすると、クラスが削除されます。

さらに、firebugなどでデバッグすると、これは起こりません!

コードに何か不足していますか?

Isotope を使用してアイテムのセットをフィルタリングし、JQuery BBQ を使用して hashHistory を処理しています。

次の点を除いて、正常に機能しています。項目は最初は折りたたまれています。クリックすると、展開されてより多くのテキストが表示されます。しかし、アイテムの 1 つが展開されると、フィルター情報が失われ (これは明らかです。まだクリックで送信していないためです)、画面にすべてのアイテムが再び表示されます。

クリックしてアイテムを展開すると、今は

私は検索してきましたが、このメソッド (または reLayout) を現在のフィルタリング/ハッシュ パラメータと組み合わせる方法をまだ見つけることができませんでした。どんなヒントでも大歓迎です！

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

背景: 以下に示すマークアップを含むページがあります。jQuery の .load() メソッドを使用して、div.content-container の内容を次のコードに置き換えています。

質問: この方法は機能しますが、URL に #page2 などのハッシュを追加して、戻るボタンの機能を許可したいと考えています。完全に HTML と jQuery に基づいたサイトにこの機能を追加する方法はあり.load()ますか?

私は Ben Alman の BBQ プラグインを見てきましたが、非同期コンテンツの初心者であり、jQuery の専門家ではない私は、自分のプロジェクトにそれを実装する方法を理解するのに苦労しています。

メインページの HTML:

page2.html (およびそれ以降のページ) は完全な HTML ドキュメントではありません。

jQuery と jquery-bbq プラグインを使用して、#hash アンカー タグ ベースのナビゲーションを使用する www.tinytoepress.com にサイトがあります。<a name...>実際のタグに移動しているかのように、ページがヘッダーの下にジャンプする場合があることを除いて、これはうまく機能します。しかし、そのようなタグはありません。

たとえば、OS X の Chrome でホームページにアクセスすると、次のようになります。

http://www.tinytoepress.com/

左上の「Store」リンクをクリックすると、次のページに移動します。

http://www.tinytoepress.com/#store

ただし、ヘッダーの下にスクロールされますが、これは望ましくありません。ずっとトップであり続けたい。

上にスクロールして [概要] をクリックすると、[概要] ページに移動しますが、再びヘッダーを過ぎて下にスクロールされます。ただし、上にスクロールして「ストア」をもう一度クリックすると、下にスクロールせずにストアに移動します。これは望ましいことです。

ナビゲーション クリックから設定された s の可視性を制御するために、単純なメソッドを使用して.show()います。.hide()div

ページ内を飛び回るのを防ぐ方法はありますか?

を使用してYii CGridViewいます。列に削除ボタンがあります。

削除ボタンをクリックした後、ajax リクエストが表示され、その直後に js エラーが発生しました

そのエラーを取り除く方法を知っている人はいますか?

Ps エントリが削除され、js エラーのみが表示されます。

検索結果にフィルターを実装しようとしています。

これは、ユーザーが複数のオプションから 1 つを選択できるようにするチェックボックスです。私が抱えている問題は、複数のオプションを選択するとモデルが正しく機能しないことです。

私の推測では、問題はviewModelを介して渡されるものであるということbeds=1ですbeds[]=1&beds[]=2。コントローラーがバインドできないのは、ブラケット [] のためですか。

詳細は以下

ビューは次のとおりです。

これは、次のような viewModel の一部です。

ユーザーが送信を押すと、ajax 経由で検索コントローラーに送信されます

今、私はこれをデバッグしようとしました。

ベッドのフィルターを選択しない場合、viewModelInp.beds = null & BedroomCounts は int[0] に設定されます。1 つの値を選択すると、viewModelInp.beds = choosen-value & BedroomCounts が int[choosen-value] に設定されます。複数の値を選択すると、何らかの理由で viewModelInp.beds がコントローラに null として流れます。

私もフィドラーを使ってチェックしました。この場合、複数の値を選択すると、フィドラーの Web フォーム ビューに次のように表示されます。

複数の値が選択されているときに viewModelInp.beds = null になる理由がわかりません。

URLをブックマークするためにjquery bbqを使用しました。

複数選択の場合のURLを直接書くと、つまり www.domain.com/search#beds[]=1&beds[]=2 (or,www.domain.com/search#beds=1&beds=2) 、右側のチェックボックスが「チェック済み」として表示されます。ただし、検索ではまだ無視されます。

どんな助けでも感謝します！ありがとう

--- 要求に応じて更新

私はJquery BBQを使用しています。そして、アヤックスは

上記の場合の $.param(model) は次のようになりますbeds[]=1&beds[]=2

私は location.hash が jQuery でどのように機能するかを理解しようとしています。そのために、最も基本的な形式から始めようとしています。私が思うことは単純なことです。

ここの投稿で見つけた他の誰かのコードを変更して作成した私のコードは次のとおりです。

});

そして、ここにページがありますhttp://dlacrem.16mb.com/dlatest/hash.html

今、私が言ったように、私は学ぼうとしているので、おそらく 10 行で 80 の間違いがあります :D しかし、hash.html#red に行くときに、本体に red クラスを追加するべきではありませんか?

Ben Almanの BBQ プラグインを使用しています。

よろしく、そして助けてくれてありがとう！

jQuery BBQ noob の質問: jQuery BBQ 1.2.1 をダウンロードして、jQuery 2.1.0 で使用しようとしています。BBQ は、やりたいことを実行するという意味では機能しますが、コンソールにエラー メッセージが表示されることに気付きました。互換性の問題と思われるものまで追跡しました。エラーを生成するサンプル HTML ページを次に示します。

Firefox のコンソール エラーはTypeError: f is undefined. Chrome では、エラーは異なります: Uncaught TypeError: Cannot read property 'msie' of undefined.

jQuery BBQ がかなり古いことに気付きました。jQuery BBQ の新しいリビジョンはありますか? または、新しい代替ライブラリがありますか?

アップデート

jQuery BBQ を使用しているのは、Google 検索で以前に回答された質問: Parsing URL hash/fragment identifier with JavaScriptに送信されたためです。私が解決しようとしている実際の問題は、リンクされた質問と同じです: URI のハッシュ部分の変更に対応し、そのフラグメントを解析することです。

私の目的のために (これまでのところ)、jQuery BBQ を排除し、ハッシュ文字列を取得する (そしてハッシュ記号を削除する) ためのコードを数行書くことができることがわかりました。

それは今のところうまくいきます。これは非常にシンプルで、モジュールの依存関係が 1 つ少ないため、win-win です。jQuery-BBQ の質問に回答がなかったのはそのためだと思います。