0

Jquery MixitUp と非表示の div に問題があります。アイデアは、1 つのボタンをクリックして、フィルターとサムネイルを含む 1 つの div を表示することです。

メインコンテンツの表示を変更すると、mixitUp が動作しません。メインコンテンツに表示ブロックがある場合、スクリプトはうまく機能します。

両方の例を次に示します。

編集: http://jsfiddle.net/yrjsr6bp/ - フィドルが動作する http://jsfiddle.net/yrjsr6bp/1/ - フィドルが動作しない

<a onclick="$('#div5').show();" style='color:#000;'>SHOW THE DIV</a>

ありがとう！

解決策: 解決策を見つけました。解決策は、div の表示を変更する同じ関数で mixitup のスクリプトを実行することです。ありがとう！

4

1 に答える 1

0

アップデート

div が表示されているときに mixitup を初期化する必要があります。次のように簡単に行うことができます。

onclick="$('#div5').show(); $('#presscontainer').mixItUp();"

さらに良いことに、html から JavaScript を抽象化します。

HTML

<a id="showDivLink" style='color:#000;'>SHOW THE DIV</a>

JS

$(function () {
    $('#showDivLink').click(function (e) {
        $('#div5').show().promise().done(function () {
            $('#presscontainer').mixItUp();
        });
    });
});

フィドル

于 2014-11-13T14:06:44.317 に答える