0

以下は、html のサンプル コードです。

<div class="reveal tiny" id="testingOnly" data-reveal>
    <p>testing reveal</p>
    <button class="button" data-close>Close</button>
</div>
<button class="button" onclick="testingOnly.open();">Content Here</button>

JavaScript の場合:

var testingOnly = new Foundation.Reveal($('#testingOnly'));

私の質問は、モーダルが常に大きく表示されるのはなぜですか? クラスtinyは機能していfullませんが機能しています。なぜ機能しないのかわかりません。これが私のフィドルです。

4

1 に答える 1

1

これは、ページで Foundation クラスを初期化するために Foundation を初期化していないためです。

$(document).foundation();

デモ

公式サイトからパッケージ全体をダウンロードすると、この 1 行だけを含む app.js が作成されます。

ドキュメンテーション

于 2016-01-22T08:20:26.127 に答える