jquery-isotope

1熱

1答えて

このCodePen（http://codepen.io/marcamos/pen/LkZByj）では、正方形、風景、または肖像画のアイソトープグリッドを設定しました。風景の幅は2倍で、肖像画は四角形の2倍です。（CodePenでHTML、CSSのサンプル、およびJSは、この記事の一番下にある。）にかかわらず、ビューポートの幅のは、私は私の上の空白領域を見ているに四角が移動するだろうと思いました

0熱

1答えて

Isotope jsでアクティブなクラスを追加するには？

私のフィルタはうまくいっていますが、現在のブロックにアクティブなクラスを追加するにはどうすればいいですか？（特にデータベースからフィルタを取得します）、選択したフィルタをアクティブなクラスですか？もしそうなら、私を助けてください。ありがとう。 <ul class="year" > <?php foreach($galery as $gal) : ?> <li> <a clas

0熱

1答えて

Istotope ajaxコンテンツロード

アイソトープの石積みレイアウトでWordPressの次のセットの読み込みを実装するのが遅れています。追加された要素に対してはトリガされていないだけなので、理由を理解できません。誰かが私を正しい方向に向けることができたら、私は感謝します。 jQueryのAJAX機能 function load_content(args) { $container = $('#container-a

0熱

1答えて

同位体によるコンボフィルタリング？

私は同位体で6つのカテゴリの間でフィルタリングしようとしています。現在はcat1が選択されている場合はcat1の項目が表示されますが、cat1とcat2を選択すると、cat1とcat2の両方の項目が表示されます。私がしたいのはボトムcat1とcat2のアイテムだけです。別々に表示するだけではありません。これは可能ですか？ここでは私のcombofilterここ var data = {

0熱

1答えて

アイソトープ内の項目の絶対位置を無効にする

私はポートフォリオの作業をしていますが、アイソトープライブラリは常にポジションポートフォリオ要素の左と上のプロパティで絶対位置を使用し、絶対位置を上書きしようとしましたしかし、同位体ライブラリー後のポートフォリオelemetsの次のサンプルは <article class="portfolio-item pf-audio" style="position: absolute; left: 212p

0熱

1答えて

ガター値を追加するために、データ・アイソトープを使用してのdivの

の高さを設定するので、私はここにコードを貼り付けますアイソトープCSSのためのCDNはないように見える： <!doctype html> <html class="export"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Iso

0熱

1答えて

石積みでアイソトープグリッドをフィルタリングする

jqueryプラグインアイソトープで画像ギャラリーをフィルタリングしようとしていますが、何らかの理由で実際のフィルタリングを行うことができないのですが、私は間違っている。私は2つのクラス "transition"と "metal"を追加し、ボタンを使って各クラスの画像をフィルタリングしようとしています。 <!DOCTYPE html> <html lang="en"> <head>

0熱

1答えて

フィルタリングするときにアクティブなボタンをチェックする

だから、アイソトープを使ってフィルタリングしたり、その作業をしようとしています...しかし、フィルタをかけるためにボタンを押すと、アクティブなボタンにクラスが追加されません。チェックして、最後のものから削除します。おそらく私の部分では、ちょっとばかげた文法間違いでしょう。誰もが <!DOCTYPE html> <html lang="en"> <head> <meta charset

0熱

1答えて

同位体JSびくびく

私はdiv要素が続く上で動作するように同位体のためのdivのグループを持っている私のサイト http://codepen.io/tgreen/full/PzAYWv/ で次のような状況があります。あなたはdivの広場は、スムーズな移行との同位体の変化にジャンプしていることがわかります今のコードを実行している <div class="grid"> // isotope grid items <div

0熱

1答えて

チェックボックスを使用したアイソトープのフィルタリング

アイソトープをフィルタリングして問題を解決しようとしていますが、私は立ち往生しています。私はリスト内のすべてのチェックボックスのチェックを外すために、クリアリストボタンとそのチェックボックスのチェックを外し、isotope（{filter： '*'}）をクリックしてください。私の問題は、クリアリストボタンをクリックしたときに、グリッドコンテナのアイソトープをクリアする方法を理解できないことです