問題タブ [jquery-masonry]

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 投票する
1 に答える
776 参照

javascript - jQuery プラグインの競合

それで、今日はもう 1 つ質問あります

私は本当にこれが必要です。これを自分で解決しようとして数時間を失いましたが、本当にできません。:/

これは、fancybox と masonry を呼び出すスクリプトです。

簡単に言うと、私の問題はオーバーラップにありますが、ご覧のとおり、既に imagesLoaded プラグインなどを使用しています。すでにすべての画像の幅/高さを設定しようとしましたが、まだ機能しません。

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

マウスのスクロールを押す必要があります。アイデア?

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

php - jQuery で CSS 値を変更する

そこの。

それで、私はすでにMasonry jQuery Pluginを使ってImage Gallery Mosaicを作っています。スクリプトは「問題なく」動作しますが、ページを読み込むと、画像の CSS 配置が間違っているか、動作していません。見る:

スクリーンショット

ただし、CTRL+SCROLL、または CTRL++/CTRL+- を押すと、スクリプトが機能します。

スクリーンショット

なんで?どうすれば修正できますか?

私のJS:

私のCSS:

私のHTML:

私はすでにwindow.loaddocument.readyを試しています。

ありがとう。

0 投票する
2 に答える
4544 参照

jquery - jQuery masonry プラグインが IE7 で動作しない

メーソンリー jQuery プラグインを使用してページにブロックをレイアウトするページに取り組んでいます。IE7 を除くすべてのブラウザーで正常に動作します (はい、IE6 でも動作します) が、js エラーがないため、なぜそれが起こっているのかわかりません。最悪の部分は、最初のページ読み込みで動作しているように見え、1 秒後にフリークアウトし、ブロックの左と上の値を 0 に設定することです。

このページのテスト バージョンへのリンクは次のとおりです。どんな助けでも大歓迎です。

ありがとう。

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

javascript - 組積造jQueryプラグインと空のスペース

私のプロジェクトの1つでMasonryプラグインを使用することを考えています。divが配置されているときにレイアウトに時々表示される空のスペースを検出する方法が可能かどうか疑問に思います。そのような空白スペースをチェックする方法があれば、いくつかのデータを含むいくつかの生成されたdivでそれらを埋めることができます。

0 投票する
2 に答える
4682 参照

css - CSS でフローティング ボックスを作成してラッパーを埋める

これは私を夢中にさせています。

定義済みのヘッダーとフッターのみを持つページを作成しています。それらの間のコンテンツは、ラッパーを埋めるために適切に配置する必要がある一連のボックス (動的) になります。

以下に例を示します: http://jsfiddle.net/rdMKQ/1/

HTML:

非インライン CSS:

私が使用したすべてのボックスfloat:leftとサイズは、例として「ランダム」です

緑のボックス (4) を赤のボックス (2) のすぐ下に配置してギャップを埋めるにはどうすればよいですか?

ソリューションの要件:

  • 1 つのボックスに特定のスタイルを定義することはできません。スタイルはすべてのボックスに共通でなければなりません
  • ボックスは重複できません

PD: 私はすでに jQuery Masonry Plugin を試して、彼が JS のギャップを埋める作業を行えるようにしましたが、運が悪く、私が必要とすることを行うオプションはありません。

ご協力いただきありがとうございます。

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

jquery - 多くのリストアイテムを含むjquery組積造の代替

順序付けされていない大きなリストがあり、それぞれに写真とタイトルが含まれています。タイトルをクリックすると、コンテンツ領域が表示されます。デフォルトでは、すべてのコンテンツ領域が折りたたまれているため、各リストアイテムの高さは同じです。ここで実際の例を見ることができます:http://trendsprintmedia.com/templates/

Jqueryは単純です:

(タイトルまたはプラスアイコンをクリックして)コンテンツを展開すると、すべてのコンテンツが下にスライドするのがわかります。これにより、その下のすべてのリスト項目が台無しになります。その下のリスト全体が整理されておらず、醜いです。これは避けたい。

各要素(li.singleTemp)は同じ幅であるため、タイトルをクリックすると、リストアイテムの垂直列だけが下にスライドし、残りの要素はそのまま残るjqueryソリューションを探しています。何か案は?

または、リストを展開する場合は、次の行が完全に下にスライドすると便利です。

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

jquery - メイソンリー/アイソトープを使用した外側のパディングとマージン

私はしばらくの間、アイソトープに苦労しています。いくつかの異なる座った後、私はこれを理解できないようです.

isotope.metafizzy.co/index.html

私の問題を画像で説明しますが、ここに説明があります。私のサイトを見ればわかるように、

test.davewhitley.com/not-wp/isotope_test/index.php

同じ幅の列が 3 つあるアイソトープを使用しています。

中央のレイアウトの外側の端を見ると、パディングがあり、中央全体がヘッダー/フッターよりもやや狭くなっていることがわかります。私は心ゆくまでCSSをいじりましたが、中央ギャラリーを含まれているdivの端まで拡張する方法がわかりません(960pxです-したがって、中央ギャラリーは約940pxです)。通常は div といくつかの CSS だけでこれを行うことができますが、Masonry の JavaScript は私の頭の中にあります (すべての計算など)。どんな助けでも大歓迎です。

ここに私の問題が示されています。私が持っているもの:

http://farm7.static.flickr.com/6207/6057816365_e0b6e2e8c4.jpg

私が欲しいもの:

http://farm7.static.flickr.com/6208/6058362460_d1200a1491.jpg

リンクされた画像とハイパーリンクされていないテキストで申し訳ありません。私はこのサイトでは若すぎます.

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

php - ポートフォリオ内の各プロジェクトに一意の ID を割り当てる (PHP?)

HTML、CSS、 Masonry、および少しの PHP で構築した Web サイトに関して、特定の問題があります。

私のホームページでは、私の作品を表示するために JQuery Masonry を使用していることがわかります。プロジェクトを追加するたびに、予想どおり、レイアウトがかなり並べ替えられます。特定のプロジェクトがグリッドのどこに着地するかを予測することは非常に困難です (高さはプロジェクトごとに異なるため)。

画像をクリックすると、上部にプロジェクト ナビゲーション (前のプロジェクト / 次のプロジェクト) があるプロジェクト ページが表示されます。ここで行われている派手な PHP や CMS はありません。新しいプロジェクトをアップロードするたびに、前と次のプロジェクト リンクを手動で更新します。これは通常、すべてのプロジェクト ページ (18 ページ) のリンクを更新することを意味します。これを行うのは、(新しいプロジェクトを追加した後) メーソンリーがホームページのプロジェクト グリッドを再配置すると、前のプロジェクトと次のプロジェクトのリンクが古くなり、正しくなくなるためです。たとえば、新しいプロジェクトをアップロードした後、「次のプロジェクト」をクリックすると、ホームページのグリッドが以前とは異なるため、間違ったプロジェクトに移動します。

最初の行から始めて、左から右に画像を並べます。

プロジェクト ナビゲーション用に PHP をインクルードしたいのですが、PHP がよくわかりません。このコードは、「次のプロジェクト リンクをクリックした後、x プロジェクトに移動する」のようなことを実現します。

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

jquery - jQuery組積造の固定/事前配置された要素

jquery組積造レイアウト内にナビゲーション要素があり、それを特定の位置に固定したいと思います。他のすべての要素がその周りに配置されるようにすることは可能ですか?

ナビゲーションの前置詞のようなもの。

これは私のコードです:http://jsfiddle.net/ftqTr/

現在、ナビゲーションがある場所に空の要素を配置しようとしています。しかし、divボックスのサイズはランダムです。したがって、偽のナビゲーションまたは別のソリューションの固定位置は素晴らしいでしょう!

前もって感謝します

0 投票する
0 に答える
140 参照

jquery - iphone用のjquery-masonryスタイルコンポーネントの実装はありますか?

または、iPhoneアプリのUIWebView内から使用しようとした人もいますか。

ありがとう、リオール