4

Foundation 4とBonesをマージして、WPスターターテーマを作成しています。Foundation 3のJSですべてが正常に機能していましたが、Foundation 4 JSを実装しようとしているため、いくつかの問題が発生しています。

Foundation 4 JSドキュメントにある手順に従いましたが、それでもうまくいきませんでした。終了本文タグの直前に配置したコードは次のとおりです（正しい方法はスクリプトをキューに入れることですが、テストでは、終了本文タグのすぐ上に貼り付けていました）。

<script>
document.write('<script src=http://mcfaddengavender.net/jeremy/wp-content/themes/bones-master/library/js/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js><\/script>');
</script>   

<script src="http://mcfaddengavender.net/jeremy/wp-content/themes/bones-master/library/js/foundation.min.js"></script>

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

このページでモーダルを開こうとしていますが、ご覧のとおり、リンクをクリックしてもモーダルは起動しません。Javascriptコンソールでいくつかのエラーに気づきましたが、私はまだJSに慣れていないので、少し頭がおかしいです。

前に述べたように、関数を初期化するための呼び出しを必要としないFoundation 3 JSで問題なく動作していましたが、動作しているように見えました。それが大きな違いを生むかどうかはわかりませんが、Foundation4JSのドキュメントとFoundation3JSのドキュメントが異なることに気づきました。

誰かが私を正しい方向に向けさせることができますか？

4

2 に答える 2

1

ブラウザが Zepto を見つけられないようです (少なくとも chrome は見つけられません)。

ここで探しています: http://mcfaddengavender.net/library/js/vendor/zepto.jsしかし、404 を返します

ライブラリが適切なディレクトリに設定されていることを確認してください。

于 2013-03-03T02:06:38.063 に答える
0

コメントした後、うまくいきました笑。多分これはあなたや他の誰かを助けるでしょう。

ドキュメントが少し混乱しているようです。このシーケンスでfoundation/foundation.jsとfoundation-whatever-plugin.jsをロードすることでのみプラグイン機能を取得できました.foundation.jsだけをロードしてもうまくいきませんでした.

ロードにrequirejsを使用しているので、パスについて心配する必要はありませんが、目的のために、パスの問題がなく、このロード順序が機能することを確認してください。トラブルシューティングの目的で、modernizr / zepto 検出器をバイパスし、jquery を直接ロードしています。

 requirejs.config({

 baseUrl: "/path/to/scripts",
 paths:{
  jquery: 'vendor/jquery/jquery.min',
 },
 shim: {

    'foundation/foundation': { deps: ['jquery'] },
    'foundation/foundation.alerts': { deps: ['jquery'] },
    'foundation/foundation.clearing': { deps: ['jquery'] },
    'foundation/foundation.cookie': { deps: ['jquery'] },
    'foundation/foundation.dropdown': { deps: ['jquery'] },
    'foundation/foundation.forms': { deps: ['jquery'] },
    'foundation/foundation.joyride': { deps: ['jquery'] },
    'foundation/foundation.magellan': { deps: ['jquery'] },
    'foundation/foundation.orbit': { deps: ['jquery'] },
    'foundation/foundation.placeholder': { deps: ['jquery'] },
    'foundation/foundation.reveal': { deps: ['jquery'] },
    'foundation/foundation.section': { deps: ['jquery'] },
    'foundation/foundation.tooltips': { deps: ['jquery'] },
    'foundation/foundation.topbar': { deps: ['jquery'] },
    'vendor/jquery.maskedinput/jquery.maskedinput.min': { deps: ['jquery']},
    'vendor/chosen/chosen/chosen.jquery': { deps: ['jquery']},
    'vendor/tablesorter/js/jquery.tablesorter.min': { deps: ['jquery']},
    'vendor/tablesorter/addons/pager/jquery.tablesorter.pager.min': {
      deps: [
      'jquery', 
      'vendor/tablesorter/js/jquery.tablesorter.min'
      ]
    },
    'vendor/redactor-js/redactor/redactor.min': { deps: ['jquery']},
    'lib/jquery.passwordstrength': { deps: ['jquery']}

}

});

require(["jquery",
"foundation/foundation",
"foundation/foundation.alerts",
"foundation/foundation.clearing",
"foundation/foundation.cookie",
"foundation/foundation.dropdown",
"foundation/foundation.forms",
"foundation/foundation.joyride",
"foundation/foundation.magellan",
"foundation/foundation.orbit",
"foundation/foundation.placeholder",
"foundation/foundation.reveal",
"foundation/foundation.section",
"foundation/foundation.tooltips",
"foundation/foundation.topbar"
], function ($) {
  $(document).foundation();
});
于 2013-03-17T23:47:28.627 に答える