2012-07-01 15 views
38

Backbone.Paginator.jsを使用して、同じページに複数のアプリ(複数のページャーのインスタンス)を実行しようとしています。Backbone.Paginator.jsを使用して複数のインスタンスを実行するにはどうすればよいですか?

I created a test page.backbone.paginator/examples/netflix-infinite-pagingにナビゲート)。

app.jsのためであるとapp2.jsを作成するように私はapp.jsのクローンですが、すべてのjavascriptのコードを1つのファイルに位置し、アプリがAPP2に名称変更された、コードを残しました。

2つのインスタンスがページの最初の読み込みで動作しますが、後続の要求/リフレッシュでは、app2.jsのデータのみが読み込まれます。

複数のインスタンスを同じページで実行できますか?

  • 私はそう 、私はポール・アイリッシュのjQuery Infinite Scroll pluginが、 を使用しようとした私はそれが仕事を得ることができません自動ページング(無限/無限スクロール)を使用することに興味があります。
  • ドキュメント準備完了( は正常に動作しません)で実行するプラグインを起動していますが、app2の ResultViewでコードを実行しても動作しません。

自動ページングの無限スクロールソリューションの入手方法はありますか?

  • 私はhttps://github.com/joneath/infiniScroll.jsに走ったが、私はBackbone.Paginator.jsとそれを統合する方法 を確認していません。
  • 私はまだ学習しており、どんな助けでも大歓迎です! :)

UPDATE:問題が問題/差異をキャッシュするかもしれないよう異なるブラウザ間でさらにテストした後、それはそうです。たとえば、Safariでは、ページを更新するときに(ランダムに)動作することがあります。私はそれをデバッグする方法がわかりません。何か案は?

+2

あなたはテストページをjsFiddleに置くべきです –

+2

問題が実際にキャッシュの問題であるかどうかを確認するには、JavaScriptのファイル名にGETクエリを追加してみてください。これにより、サーバー側でファイルが変更されていなくても、ブラウザーに別のファイルであることが通知されます。 '' – Kelvin

+0

クロムのキャッシュを無効にするには、開発者ツールバーを開き、ギアアイコンをクリックしてキャッシュを無効にします。 http://stackoverflow.com/questions/5690269/disabling-chrome-cache-for-website-development – mickeyreiss

答えて

1

質問:1-あなたのコードベースにjQuery Javascriptフレームワークの依存関係も含めていますか? 2 zipファイルをダウンロードしてXammpでローカルに実行しましたが、テストページではなくダウンロードしたデモであるようですが、質問に添付された圧縮ファイルからテストページを確認してください。 3 jsfiddleにモックアップを作成できますか(サーバーサイドコードが発生している場合など)?無限スクロールjQueryプラグインのために提供 、4-リンクが壊れている、それはする必要があります:あなたが独立しているようにjQueryのページネータプラグインを作成したい場合はhttps://github.com/joneath/infiniScroll.js

、あなたはそれが同様にコンテナ要素を考慮トリガする場合があります

....

私はこれを試してみるべきだと思います。そうでなければ、ブラウザが複数のインスタンスでプラグインの変更を記憶するためのクッキーなどを作成することができます。ここにいくつかの考えがありますか?

1#

  Backbone.InfiniScroll(collection, **options**) 

あなたのバックボーンビューがレンダリングされた後に新しいInfiniScrollオブジェクトをインスタンス化します。

} )};オプションメニューから一目で

2#

  target: $(window), 

はおそらく、我々は試してみてください:

$(body).find('#container1'), 

- または -

$(window).children('div').hasClass('container'), 

ただ、いくつかのアイデアは、実験していませんそれ自身 -

3#(1)をjavacript関数にして、クラスまたはそのidに基づいて、目的のコンテナ上のスクロールを初期化するためにトリガーすることができます。

これは私が実際に素早く見てもらうことができるすべてのアイデアですが、それが助けてくれたり、少なくともいくらかの方向性を与えてくれれば、お気軽に返信してください。

4#別の考えでは、myViewは、JavaScriptがタイムスタンプのIDを持つ変数になることができるため、一意性が保証され、newを呼び出すので、ビュー用に複数のプラグインインスタンスを実行できます。

関連する問題