問題タブ [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 - Quicksand プラグインと遅延ローダー
画像を表示するためにQuicksand プラグイン ( http://razorjack.net/quicksand/ ) を使用しています。私はそれらをたくさん持つ予定なので、パフォーマンスを少し上げるために遅延ローダー プラグイン ( http://www.appelsiini.net/projects/lazyload ) を追加したいと思いました。
これら2つを組み合わせると、奇妙な問題が発生します。
- クイックサンドをレイジーローダーの前に置くと、クイックサンドは機能しますが、レイジーローダーは機能しません。
- 逆に、流砂の前に遅延ロードを配置すると、遅延が機能し、砂は機能しません。
- それらを別々のファイル (例えば、sand.js と lazy.js) に入れて、sand.js が最初で lazy.js が 2 番目になるように並べ替えると、どちらも jqeury.js の後に一緒に機能します。流砂フィルターは機能しますが、空の画像が表示されます。
私はstackoverflowのすべての回答を読み(私は思う)、2時間グーグルで検索しました。流砂のドキュメントを読みましたが、さらに混乱しました。
コールバックの使い方がわからないので、助けていただければ幸いです - 私はjquery初心者です。
助けがあれば、jsfiddleをセットアップしました:http://jsfiddle.net/zUAVA/
(このセットアップでは遅延は機能しますが、流砂は機能しません)
助けてくれてありがとう。
編集: オプション 3. (上記) を使用すると、ページの読み込み時に画像が表示されますが、フィルターの使用を開始するとすぐにすべてが空白になります。
jquery - 1.9.1 とのプラグインの後方互換性のための jQuery.browser スクリプトまたは shim
jquery プラグインの quicksand を使用しようとしていますが、jquery 1.9.1 でこのエラーが発生します。
「キャッチされていない TypeError: 未定義のプロパティ 'msie' を読み取ることができません」
msie が jQuery.browser プロパティのフラグであることはわかっています。jQuery.browser はバージョン 1.3 から廃止され、jQuery 1.9.0 で削除されました。
これがエラーの原因です。しかし、流砂が再び機能するようにするための修正はありますか?
どんな助けやアドバイスも素晴らしいでしょう!
前もって感謝します!
jquery - 移行中にjQuery Quicksandがびくびくする
これと同様の問題があります... jQuery Quicksand の使用中に CSS がバブリングします。フィルターを押すと、 <li> は絶対位置を取得しtop: 206
、トランジションが完了すると 0 までスライドして戻ります。しかし、<li> は移動中にぎくしゃくしたり、びくびくしたりします。これはCSSの問題ですか?float: left
他の「バブリング」の質問への添付リンクで言及されているように、すべてのアイテムに問題があります。
これが私のCSSです。
ソースを表示するときのマークアップは次のとおりです。
javascript - スーパーボックスJSと流砂コンボの問題
ここにポートフォリオセクションがあります... http: //bvh.delineamultimedia.com/?page_id = 2およびSuperbox-(http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/)が機能していますしかし、流砂の「フィルター」リンクをクリックすると、スーパーボックスが無効になっているようです。これを修正する方法はありますか?これがJavaScriptです。なぜこれが起こっているのか、私は少し混乱しています。流砂は少し貪欲だと思いますが、確かではありません。
よろしくお願いします!
javascript - AngularJS 流砂
Angular でjQuery のQuicksand プラグインを実装する方法はありますか? おそらく実装はありますが、私はそれを見つけることができないようです。
おそらく、quicksand はリストを受け取り、パラメータとして新しいリストを受け取るため、それを行う戦略が役立つでしょうが、データを再レンダリングする Angular の方法では、それを行う方法がわかりません。
jquery - jQuery ホバーは IE10 では機能しませんが、下位の IE バージョンでは機能します
私のサイトでは、ボックスは説明にフェードインするはずです。これは、IE10 を除く、私が試したすべてのブラウザーで機能します。これは WordPress サイトで、9 つのプラグインを使用しています。すべてのプラグインを無効にしようとしましたが、ホバーは IE10 ではまだ機能しません。
以下は、ホバーに使用しているコードです。
誰かが問題を特定するのを手伝ってくれますか? 重要な情報を省略した場合は、お知らせください。ありがとうございました。
編集:フィルタリング/ホバーのコード全体。
javascript - 流砂との衝突
シンプルなホバー効果を実装しようとしているので、各プロジェクトにカーソルを合わせると、説明が右からスライドインします。
これまでのところ、私はこの設定をしています: http://jsfiddle.net/gnnSB/
そのフィドルでは、マウスでホバーしたときに説明がスライドインしないことに注意してください。ただし、フィルタリングはうまく機能します。
次に、この例を見てみましょう: http://jsfiddle.net/gnnSB/1/
ここでは、説明がスライドインしますが、Quicksand 機能 (以下を参照) を取り出したため、フィルタリングは機能しません。
これらの両方が連携する必要があります。対立があり、誰かが似たようなことを経験したことがあるかどうか疑問に思っています. これは簡単な修正ですか、それとも別の解決策に頼る必要がありますか?
流砂
ホバー
編集:複数の機能強化を追加する方法はありますか? ファンシーボックスを取り入れようとしています。