問題タブ [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 に答える
4206 参照

jquery - jQuery Masonry + Infinite Scroll を Safari および Chrome で動作させることができない

こんにちは、jQuery Masonry と無限スクロールを使用してサイトをセットアップしようとしていますが、OSX の Chrome または Safari では動作しないようです。

開発サイトはhttp://bit.ly/hYJ3Cqです

コンソールに JavaScript エラーが表示されません。

私が試したこと:

  • 組積造 div 内で画像の幅/高さを設定する
  • 古い jquery ライブラリの使用
  • js をフッターではなくヘッドに移動する
  • script タグに type="text/javascript" を追加する
  • html の検証
  • jQuery(window).load( と jQuery(document).read(

これは私が使用しているコードで、正常に動作するデモ コードと非常によく似ています。

どんな助けでも大歓迎です。

0 投票する
4 に答える
2968 参照

javascript - jQuery .load() の後に組積造を有効にする

ページがロードされた後、Masonry などの JS やその他の jquery 関数をアクティブにする方法を教えてください。

私が使う:

しかし、2番目は「アクティブ化」されていません。

css と js が .load 中にアクティブ化されないのは正しいですか。

助けてくれてありがとう..

/よろしく

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

javascript - レイアウトに関するjqueryのヘルプ

こんにちは、次の HTML があります。

そして、次のCSS、

Masonary と呼ばれる jquery のプラグインを実装しようとしています。アイデアは、4 つの li を並べてフロートできるようにすることですが、masonary を追加すると 3 つしかフロートできません。

$('#jobwall').masonry({

基本的に、私はメーソナリーをリとして実装し、最終的にはスライドダウンするコンテンツをさらに表示します。リがその順序でフローティングし続ける必要があります。これを実装するためのより良い方法はありますか、それともメイソンリーで4つのliを連続させることができますか

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

jquery - ホバリング時にアニメーションが「停止」する

私は自分のサイトでフィルタリング (リンク石工) を使用して石工を使用しています。リスト内のオブジェクトに「フェード」機能を実装しようとしています。

問題は、アニメーションの実行中にフィルタリングしてマウスをすばやく移動すると、すべての div が動かなくなることです。

私が使用しているコードは次のとおりです。

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

jquery - jQuery組積造とメディアクエリ-組積造をリロード

さまざまなサイズのレイアウトをカバーするメディアクエリを使用してサイトを設計しています。私は石積みでフルサイズの幅でたくさんのフロートを整理していますが、問題ありません。可動幅では、すべてのフロートがフロートを解除し、互いに積み重ねられます。したがって、768px <= width <= 1000pxの場合に、サイトがタブレットレイアウトにサイズ変更されたときにのみ、石積みを再実行する必要があります。

これはまだ機能しませんが、すべてのサイズ変更で実行したくありません...ブレークポイントでのみ実行します。

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

javascript - Isotope でアイテムのサイズをアニメーション化する: 最初のアイテムが不安定なのはなぜですか?

私はIsotopeの使い方を学んでいて、アイテムのサイズをアニメートする方法に関する著者のブログ投稿に出くわしました。

私は開発中のプロジェクトにそれを実装しました。3 つの縦の列で構成されます。各アイテムは 196px x 70px です。アイテムをクリックすると、402px x 230px に拡大されます。

最初のアイテムを除いて、すべてのアイテムのサイズが適切に変更され、Isotope によってレイアウトが更新されます。

最初のアイテムをクリックすると、後続のすべてのリスト アイテムが 1 つの垂直列に整列します。ただし、十分なスペースがあり、アイテムは最初のアイテムの周りを流れるはずです。

リスト内の他の項目をクリックすると、正しい動作が得られます。最初のものだけが不安定です。誰がこれを引き起こす可能性があるかを見ることができますか?

ここに私のテストケースがあります: http://joshrenaud.com/pd/testcase/testcase.html

このサイズ変更を処理するコードは次のようになります。

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

javascript - 読み込み時の表示と高さに関する jQuery 石工の問題

display:noneインライン スタイルの div 内に石積みコンテナがあります。いくつかの div があるため、ページが読み込まれると、ボタンがクリックされるとスライドショーのように切り替わります。これは、積荷の高さを測定する石積みの能力を妨げ、その結果、レンガがコンテナからこぼれます。

0 投票する
4 に答える
10311 参照

jquery - jQuery Masonry コールバックが機能しない

jQuery Masonry がポジショニング マジックを行ったときにコールバック関数を実行して、コード内のスタイル設定されていないコンテンツのフラッシュを防止しようとしています。

ただし、テストの目的で、まったく呼び出されない単純なアラートを使用しています。

明らかな何かが欠けているかもしれませんが、助けていただければ幸いです

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

jquery - 同位体ポジショニング後のターゲット位置を見つける

新しいサイトにDavidDescandrosIsotopeを使用していますが、 jqueryを使用して各要素の位置を見つけることができないようです。具体的には、ホバーにツールチップを添付しようとしていますが、通常、Isotopeがアンカーをフォーマットした後、各アンカーのposition()を取得する方法を知りたいです。

現在のところ、各要素は、left、margin-left、position()。left、および私が考えることができる他のすべてのポジショニングプロパティに対して「0」を表示します。