5

独自の jQuery を Foundation プロジェクトに追加しようとしたときに、何度も問題に遭遇しました。

これは、財団が「非紛争」を使用する方法と関係がありますか? 独自のスクリプトを追加する正しい手順は何ですか?

私はfoundation.min.jsへの呼び出しの後にscripts.jsファイルへの呼び出しを含めようとしましたが、いくつかの非常に単純なslideToggle呼び出しがまったく実行されていません。しかし、foundation.min.js への参照を削除すると、すべて正常に動作します。

外部スクリプト ファイルにも問題がありました。

任意のヒント？ありがとうございました。

4

1 に答える 1

4

カスタム js スクリプトを、スクリプトのリストの最後の body タグの前、および $(document).foundation(); の前に追加しました。js/vendor ディレクトリにも保存しました。以下のペーストでは、すべてをグローバル ディレクトリに保存しました。自分の js ディレクトリを探してください。

<script src="global/js/vendor/jquery.js"></script>
<script src="global/js/foundation/foundation.js"></script>

<script src="global/js/foundation/foundation.alerts.js"></script>

<script src="global/js/foundation/foundation.clearing.js"></script>

<script src="global/js/foundation/foundation.cookie.js"></script>

<script src="global/js/foundation/foundation.dropdown.js"></script>

<script src="global/js/foundation/foundation.forms.js"></script>

<script src="global/js/foundation/foundation.joyride.js"></script>

<script src="global/js/foundation/foundation.magellan.js"></script>

<script src="global/js/foundation/foundation.orbit.js"></script>

<script src="global/js/foundation/foundation.placeholder.js"></script>

<script src="global/js/foundation/foundation.reveal.js"></script>

<script src="global/js/foundation/foundation.section.js"></script>

<script src="global/js/foundation/foundation.tooltips.js"></script>

<script src="global/js/foundation/foundation.topbar.js"></script>

<!-- My Custom Script!!!! -->
<script src="global/js/vendor/custom.js"></script>

<script>
    $(document).foundation();
</script>
</body>
</html>

Zurb Foundation 4 を使用しているかどうかについては触れていません。その場合、 proto呼び出しを理解しないブラウザーを除いて、デフォルトで (jQuery の代わりに) Zepto を使用することに注意してください。jQuery 関数が機能しない場合は、jQuery の代わりに Zepto をセットアップするコードをコメントアウトしてからテストすることをお勧めします。ドキュメントの下部にある以下を探します。

<script>
document.write('<script src=' +
('__proto__' in {} ? 'global/js/vendor/zepto' : 'global/js/vendor/jquery') +
'.js><\/script>')
</script>

それを次のように置き換えます。

<!-- <script>
document.write('<script src=' +
('__proto__' in {} ? 'global/js/vendor/zepto' : 'global/js/vendor/jquery') +
'.js><\/script>')
</script> -->

<script src="global/js/vendor/jquery.js"></script>

そして、jquery.js を適切なフォルダーに保存してください。ここでも、ファイルを /global ディレクトリに保存しています。

それが役立つことを願っています!

于 2013-04-03T22:45:51.260 に答える