こんにちは、Silverstripe で Infinite Ajax Scroll を使用しようとしています。

セットアップは、入門ページ http://infiniteajaxscroll.com/docs/getting-started.htmlで説明されているとおりであり、「jquery-ias.min.js」は、Page.ss Template AFTER を含む include ステートメントで参照されます。 jquery.js

しかし、私がどのようにしようとしても、次のようになります。TypeError: $ is undefined

私が見逃しているものは何ですか？THX！

Page.ss

script.js

マークアップ

シルバーストライプの Web サイトで無限の ajax スクロールを実行しています。また、「NoneLeft」拡張機能を実行して、底に達したことを人々に知らせます。

IAScroll は、ArticleHolder ページに ArticlePages を表示し、「NoneLeft」テキストを表示しています。ここで、ArticlePage のみを (ArticleHolder を使用せずに) 直接表示すると、「NoneLeft」テキストも表示されます。オフにしたり、特定のページに制限したりする方法はありますか? または、ias を jQuery からアンバインドする必要がありますか? ありがとう

シルバーストライプ ArticleHolder.php

script.js

複数の投稿が存在する場合の #pagination の html 出力

記事が 1 つしかない場合、#pagination はありませんが、やはり "NoneLeft" テキストがあります

変更時にコンテナー div (#results) に DB からの新しいフィルター処理された結果を入力するフィルター フォームがあります。しかし、フィルターを変更した後、Infinite Ajax Scrollプラグインは最初の検索結果を2 ページ目に表示します。変更イベントでは、古い結果を完全にリセットし、新しい結果のみを表示する必要があります。私は多くの解決策を試しましたが、何もしませんでした。それを行う方法があることは知っていますが、コードでそれらを使用する方法がわかりません（コメントを確認してください）。

このソリューションも試しましたが、うまくいきません。

同様の問題がここにあります。

jquery-ias を使用して 1 ページに 2 つのリストを表示するソリューションはありますか? またはその他の無限スクローラー。

よろしく、デニス

無限スクロールを実装したいサイトに取り組んでいます。IAS プラグインを見つけましたが、1 つのインスタンスを除いてうまく機能します。jQuery .load() 関数を使用して新しいコンテンツを div にロードすると、無限スクロールが機能しなくなります。

IAS プラグインのドキュメントは次のとおりです: http://infiniteajaxscroll.com/docs/overview.html

関連すると思われる次の質問を見つけましたが、明確な答えがないように思われます.リンクではないことをお詫びします.スタックオーバーフローでは、2つ以上のリンクを投稿できません.

1. stackoverflow.com/questions/24419462/

2. stackoverflow.com/questions/25205507/

3. stackoverflow.com/questions/20404493/

4. github.com/webcreate/infinite-ajax-scroll/issues/68

それは破棄機能について語っていますが、私の試みでは、まったく何もしないように見える解決策を見つけようとしています。私は非常に愛好家のプログラマーです。これを正しく実装するために必要な構造や構文を単に理解していないのではないかと心配しています。

ここにテストページがあります

• http://designforfun.com/flatfile/experiments/scroll/

無限スクロールは、ページ 1、2、および 3 を正常にロードします。上部のリンクをクリックして jQuery .load() を使用してページ 0 をロードすると、無限スクロールが機能しなくなります。下にスクロールして、ページ 1、2、および 3 を再度ロードする必要があります。

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

I am using jQuery 2.1.1, and have been using it to add 'clickable' to rows returned from a database using this:

That has been working fine. I have now added jquery-ias (2.1.2), and only the first page of returned results has clickable rows.

My jquery-ias code is as follows:

Jquery-ias is working fine, the pages are loading as needed, but the resultant rows are not clickable.

Inspecting the page in Chrome shows that the subsequently loaded rows have not had the clickable attribute added.

The relevant row in the php is this:

All works fine if I use either, but how do I get them to play nicely together?

EDIT.....

OK, I have worked around it using the jquery-ias built-in pageChange event.

This way when ias finds a page change, it waits a second for the page structure to load, and then applies the clickable class.

I can't see this working if it's waiting for images though... doesn't have to for this instance, but there's got to be a better way to do this.

Any pointers?

ページに 2 つのスクロール バーが表示されるのはなぜですか? 1 つの内側スクロール バーと 1 つの外側スクロール バー?

ここで無限の ajax スクロールを使用しています: http://infiniteajaxscroll.com

ここで純粋なcssパララックススクロール：http://blog.keithclark.co.uk/pure-css-parallax-websites/

ここに私のデモがあります: http://bycustomdesign.com/_misc/_09/page1.html

ページ 1 は、内側と外側の 2 つのスクロール バーを生成します。どうしてか分かりません。内側のスクロール バーを削除する方法を教えてください。

注:これは一般的な問題であり、これについては多くの記事が書かれていますが、修正できないようです。

私の Shopify ストアは、Ajax 呼び出しを使用して商品をカートに追加し、jQuery を使用してフロントエンドを更新します。最近infinite-ajax-scrollをインストールしましたが、これによりいくつかの問題が発生しました。

無限 ajax スクロールによって読み込まれた製品まで下にスクロールし、[カートに追加] ボタンをクリックすると、ajax 呼び出しと jQuery の更新が機能しなくなり、カート ページにリダイレクトされます。

IAS を有効にするために使用しているインライン スクリプトは次のとおりです。

これは、製品をカートに追加するコード ( ajaxify.jsの 161 ～ 194 行目) です。

この SO postに基づいてbindandメソッドを追加しましたが、成功しませんでした。unbind

私は何を間違っていますか？

問題のページはこちらからご覧いただけます。

私の Shopify ストアは、Ajax 呼び出しを使用して商品をカートに追加し、jQuery を使用してフロントエンドを更新します。最近infinite-ajax-scrollをインストールしましたが、これによりいくつかの問題が発生しました。

無限 ajax スクロールによって読み込まれた製品まで下にスクロールし、[カートに追加] ボタンをクリックすると、ajax 呼び出しと jQuery の更新が機能しなくなり、カート ページにリダイレクトされます。

renderedこれを解決するには、infinite-ajax-scroll のイベントを使用してショップを「ajax化」する jQuery コードを再初期化しました。

しかし、infinite-ajax-scroll によってロードされた 20 個の新しい製品までスクロールすると、最初の 20 個の製品で ajaxifyShopify が 2 回目の初期化を取得します。最初の 20 個の製品の 1 つをカートに追加すると、2 回追加されます。

ajaxifyShopifyjQueryで最初のバインドを解除しようと.off()しましたが、うまくいきません。

の完全なコードは、こちらajaxifyShopifyの 261 行にあります。新しいページが読み込まれるたびに、ページを「ajaxify」するために get が初期化されます。ajaxifyShopify

これが私のコードです：

問題のページはこちらからご覧いただけます。

私は何を間違っていますか？