問題タブ [wookmark]

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.

0 投票する
3 に答える
4992 参照

jquery - Wookmarkプラグイン、重複する画像の問題

私はwookmarkjqueryプラグインを使用しています。これは、PCとMacの両方でサファリを除くすべてのブラウザで正常に動作します。画像は互いに重なり合っているようです。どうすれば修正できますか?

事前に感謝しますアレックス

ここにプラグインのコードがあります:

0 投票する
1 に答える
658 参照

jquery - wookmarkタイルの高さがサイズ変更されていません

wookmarkjqueryプラグインを使用して表示される各「タイル」にコメントセクションを追加しています。

これは、コメントボックス、またはコメントボックスと以前のコメントのいずれかである可能性があるため、高さは不明です。

複数あるので事後に追加していきます。

問題は、そのコメントフィールドが各画像の下に読み込まれますが、タイルが収まるようにサイズを更新していないため、重なり合っており、コメントがその下のタイルの上に配置されていることです。

レイアウトを更新できることは理解していますが、どこにあるのかわからないので、考えられるすべての場所を試してみました。

これはコメントをロードするためのコードです(それぞれの下部に<LI>名前付きのdivがあります).comment_holder

何か案は?

0 投票する
1 に答える
371 参照

javascript - イベントをJqueryして、2回目に呼び出すと機能しません

画像ギャラリーのあるページがあり、jquery wookmark プラグインをフィルタリングで使用しています。次に、プラグイン カラーボックス (wookmark がプラグインの例として既に提供している) も使用したいと思い、カラーボックスとフィルター システムに参加することができました。私の頭の中の問題は、フィルターを適用したときに、50枚の写真を表示する代わりに、5枚しか表示されないことでした。

だから私はこのようにカラーボックスを初期化します:

次に、フィルターのクリックイベントで、クリックがあったときはいつでも、すべての画像からカラーボックスを削除し、次のように、アクティブなクラスを持つli内のアイテムに対してのみカラーボックスを再度初期化するのが最善の方法だと思いました:

そして、これはちょっとうまくいきます!例として、100 枚の画像を含むページをロードすると、カラーボックス ギャラリーには表示する 100 枚の画像が表示されます。フィルターをクリックすると、10 枚の画像が表示されます。カラーボックスは 10 枚の画像を表示します。別のフィルターをクリックして画像を追加します。24 枚の画像が表示されます。カラーボックスはギャラリーを 24 に更新します。それを無効にする最後の同じフィルター、colorbox はもはや 10 個の画像ではなく 24 個の画像を表示します。

0 投票する
1 に答える
747 参照

javascript - wookmark プラグインの遅延ロード

wookmark フォト プラグインに遅延ロード プラグインを追加するにはどうすればよいですか?

実際、wookmark フォト プラグインは自動高さオプションを使用します。そのため、画像の寸法は完全に異なります。高さと幅が指定されていない画像に遅延読み込みを追加すると、プラグインは表示領域外の画像もすべて読み込みます。

高さと幅が不明な画像の遅延読み込みプラグインを追加するのを手伝ってください。

ありがとう。

0 投票する
1 に答える
1356 参照

javascript - WookMark Masonry を正しく構成して使用する方法

Wookmark js を使用して Web サイトに画像を表示しようとしています。公式ガイドに従っていますが、おそらく CSS テーマの継承のため、プラグインが機能しないようです。画像は単にリストに表示されます。

jquery-1.10.2-min、wookmark css、jquery.wookmark.js をアップロードし、このページのソース コードWookmarkに従いました

この問題を解決するにはどうすればよいですか? あなたは私のウェブサイトを見ることができます

0 投票する
1 に答える
283 参照

javascript - wookmark jqueryはRuby on Railsでどのように機能しますか?

Ruby on Rails を使用していますが、wookmark jquery プラグインを見つけて使用したいと考えています。 http://www.wookmark.com/jquery-plugin

gemfileをインストールしました

そして私はjavascripts/application.jsに追加しました

しかし、今では自分のビューの写真にそれを適用する方法がわかりません!

ありがとう !

0 投票する
1 に答える
473 参照

jquery - レイアウトを変更しない Wookmark

私の Rails 3.2 プロジェクトでは、現在wookmarkの gem バージョンを使用していますが、開発ログにアセットが読み込まれていることを確認できるため、機能しているようです。

そのようです:

次に、HTML で、wookmark でレイアウトしたい要素を次のようにレイアウトしました。

次のパーシャルを呼び出します。

<head>次に、次のように初期化を処理するための JavaScript を追加しました。

Chrome コンソールにエラーは表示されませんが、レイアウトはタイル表示されません。ここで何か見逃しましたか?

その他の詳細: jquery-rails(3.0.4)、bootstrap 3

0 投票する
1 に答える
93 参照

javascript - JSON ファクトリを関数に渡すにはどうすればよいですか?

https://github.com/GBKS/Wookmark-jQueryを使用していくつかの動的レイアウトを実行しています。また、ウィンドウのサイズ変更に関する関数を添付しています。

しかし、プロパティを返す関数を作成したい:

wookmark のすべてのコード サンプルは jquery プラグインとして実行され、通常のブレークポイントは chrome インスペクターでは機能しません。