[WordPress] 同位体項目はジャンプします。

スポンサーリンク

Question

ワードプレスおよび同位体を使用してポートフォリオのウェブサイトを作成しています。いくつかの理由のため各時間同位体項目は並べ替えられます彼らは耳障りなジャンプ後。ここでは、問題を実証 jsfiddle:

http://jsfiddle.net/tovly/zav4hwmy/

ここでは、問題を示すビデオ:

https://drive.google.com/file/d/0B5OxMCWiLhrMcmZUYm56YkFzdGs/view?usp=sharing

問題各タイルが並べ替えられます最初の時間にのみ発生します。どのように起きてからこれを停止できますか?これらは私の同位体の設定:

$container.isotope({ 
        itemSelector : '.item', 
        layoutMode : 'masonry',
        masonry: {
                isFitWidth: true,
             columnWidth: 60,
            gutter: 10

        }
    });

答え

この問題は最初に、ワードプレスを使って興味ないです。これは jQuery の問題です。あなたは 2 回同位体コードを追加します。まず追加を削除します。だからあなたのファイルを編集:

jQuery(function ($) {

    var $container = $('#isotope-list'); //The ID for the list with all the blog posts

    // (!) deleting start from here
    $container.isotope({ 
        itemSelector : '.item', 
        layoutMode : 'masonry',
        masonry: {
                isFitWidth: true,
             columnWidth: 60,
            gutter: 10

        }
    });
    // (!) deleting end of here

    //Add the class selected to the item that is clicked, and remove from the others
    var $optionSets = $('#filters'),
    $optionLinks = $optionSets.find('a');

    if("onhashchange" in window) {
    // ... continue

http://stackoverflow.com/questions/27748559/isotope-items-are-jumping

スポンサーリンク

Leave a Reply