問題タブ [quicksand]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - Jquery流砂がスケーリングしない
すべてが私が望むように機能しています。唯一の問題は、フィルター (1 つのベッド/2 つのベッド) をクリックしたときにスケーリングされず、フェードのみであるということです。元のクイックサンドの例は、フィルター間でフェードおよびスケールします
ここに私の例があります http://theoaks.turnpostadmin.com/floor-plans/
私のコード
ここにオリジナルがあります http://razorjack.net/quicksand/
jquery - Quicksand: Chrome で並べ替えると、キャッシュされた画像が消える
問題:
私のプロジェクトページに初めてアクセスして結果をフィルタリングすると、すべて正常に機能します。しかし、何らかの理由で Chrome では、2 回目にすべての画像が消えるたびにフィルタリングします (不透明度が 0 に設定されます)。
どこでこれを行っているのかわかりません.Chromeでしか発生しないという事実は、それをさらに混乱させます.
jqueryコードJqueryは次のとおりです。
HTML 以下は、私のページで使用している html です。私はそれを何度も見てきましたが、すべてがうまくいっているようです。
更新: クロムで初めて正常に動作する前に、サイトにアクセスしたことがない場合は、それを追加すると役立つかもしれないと思いました。しかし、リフレッシュした後、画像は再び消えます。
javascript - jQuery/Javascriptのキャンセル(または上書き?)
私はJavascriptが苦手で、現在、アコーディオン関数をdivに追加して、追加の詳細を明らかにしようとしています. これは私の現在のモバイル Web サイトです。http://txf4199.cias.rit.edu/mobile-test-4/index.html#work
問題: [もっと見る] をクリックすると、アコーディオン効果が正常に機能し、コンテンツが表示されます。ただし、サイトの上にフィルター (「モバイル」、「モーション」など) を使用すると、アコーディオン効果が機能しなくなります。
参考までに: フィルタは quicksand.js (フィルタリング プラグイン) と main.js (カスタム スクリプト) を使用していますが、アコーディオン効果は非常に小さいため、単純にインライン スクリプトを使用しています。
これが私のjsファイルのリストです:
私はすでにドキュメントの準備ができている関数を調べました.1つ以上が問題になると思いましたが、それは許容できるので、他にどこを見るべきかわかりません. どんな助けでもいただければ幸いです。私はこの投稿をタカのように見ています。事前に感謝します!
ruby-on-rails - Rails AJAX リクエストで Quicksand jQuery プラグインを使用するにはどうすればよいですか?
Rails での AJAX 呼び出しの応答を装飾するために、Quicksand jQuery プラグインを使用しようとしています。
リンク:
JS:
コントローラ:
意見:
プロジェクト:
問題は、AJAX リクエスト (以下を参照) によって返されるデータが、Quicksand が期待する形式ではないことだと思いますが、応答から関連情報を推定する方法がわかりません。私の AJAX リクエストからの応答は次のようなものです。
したがって、問題は、置換 HTML を使用する必要がある場合に、Quicksand 呼び出しの宛先コードとして上記のコードを使用していることです。
AJAX リクエストは問題なく機能しますが、Quicksand をここに統合する必要があります。
私は欲しい:
- これを行うためのより良い方法または;
- 前述のコードの replaceWith() の引数を外挿して、Quicksand の宛先コードとして使用する方法。
助けが必要だと思われる情報が省略されている場合は、お問い合わせください。
これは私が Stack Overflow で尋ねた最初の質問なので、誤用について謝罪する義務があると感じています。
jquery - Colorbox を使用してギャラリーをフィルタリングする方法は?
提案された「類似の質問」を確認しましたが、関連があると理解できるものは何もありませんでした。
オンライン ポートフォリオの強化に Colorbox を使用しています。フィルターを追加したい (ブランディング、ウェブ、印刷など)。これをQuicksandと組み合わせると素晴らしい効果が得られることがわかりましたが、クラスを通じてリストと私のギャラリー機能を利用しています. これらの機能を共存させる方法はありますか?
サイト: ephelan.com
jquery - jQuery - 変更された要素が複製されない
要素の HTML テキストを変更しました。この場合は #main_cluster_id_reach_12 です。
それは正常に動作しますが、それを保持しているコンテナー (#applications) のクローンを作成しようとすると、#main_cluster_id_reach_12 の更新された html が含まれず、ページと共に読み込まれた元のテキストが含まれます。これが私がそれを複製する方法です:
私は何を間違っていますか?
編集:これがjsとhtmlです。私はjquery 1.7.2を使用しています
私がやろうとしているのは、ajax を介して 10 秒間隔でクラスターのグループのリーチを更新し、リーチ順に並べられた流砂で li アイテムを再ソートすることです。更新は問題なく行われますが、quicksand は更新されたリストではなく元のリストを複製します。今朝、私はいくつかのロギングをいじっていましたが、ajax の更新が完了する前にクローン作成が行われているようです。
html
jquery - jQuery Quicksand 使用時の CSS バブリング
jQuery Quicksand を使用して、フィルタリング可能な記事のポートフォリオを作成しています。
問題は、サイドバー パラグラフのフィルター (ビデオ、Web サイト、モーション グラフィックス) をクリックすると、フィルタリングされている記事で CSS が 2 倍になり、アニメーションが完了するまで適切に配置されないことです。プラグインはtop: 60px; left: 416px;
、フィルタリングされたセットの最初の記事に追加し、すべてをプッシュします。
クリックwebsite
を続けて効果を確認してください。
これは問題のある CSS だと思いますが、プラグインで適切に動作するように調整する方法がわかりません。
http://razorjack.net/quicksandにアクセスし、フィルター (すべて、アプリケーション、ユーティリティ) をクリックして、意図した効果を確認します。
どんな助けでも大歓迎です!
javascript - Quicksand jquery プラグインは、要素が緩和されると要素を拡大します。なんで?
現在、タグに基づいて特定の要素を非表示および表示することにより、ページ上の要素をアニメーション化できる jquery プラグインである Quicksand を使用しようとしています。私はそれがうまく機能しています。私の問題は、要素が緩和されると、移動中に拡大することです。落ち着くと適度な大きさに縮むのですが、見た目がとても奇妙で、そもそもなぜこうなったのかを突き止めたいと思います。
これは、流砂の好みを含む main.js ファイルです。
Quicksand ファイル自体は同じままですが、ドキュメント内のすべての「高さ」を「幅」に変更したのは、どの div にも高さが指定されていないためです。
ご協力ありがとうございました!問題を解決するために HTML または CSS が必要な場合はお知らせください。
javascript - 事前にフィルタリングされたページへのjqueryQuicksandリンク
私はjquery流砂を使用していますが、リストを事前に並べ替えてそのページに戻る方法を知りたいと思いました。私はjavascriptにあまり精通していないので、助けていただければ幸いです。
編集
同様のフィルターのこのソリューションが見つかりましたhttp://savethefix.wordpress.com/2011/12/06/filterable-portfolio-with-jquery-with-external-link-support/
しかし、これを流砂と結びつける方法がわかりません