search

uedatakeshi / panels

1 stars 0 forks source link

jqueryが読み込まれない #1

Closed uedatakeshi closed 9 years ago

uedatakeshi commented 9 years ago

fullcalendar.jsを使うのに必要なjqueryが読まれない。

以下エラーの内容。

[16221:1002/144314:INFO:CONSOLE(15)] "Uncaught ReferenceError: jQuery is not defined", source: file:///panels/bower_components/fullcalendar/dist/fullcalendar.js (15) [16221:1002/144314:INFO:CONSOLE(11)] "Uncaught ReferenceError: $ is not defined", source: file:///panels/index.html (11)

こちら参考にいじってみたがよく分からない。。。

http://qiita.com/pirosikick/items/72d11a8578c5c3327069

itagakishintaro commented 9 years ago

動かしてないですが、

jQuery and Moment must be loaded before FullCalendar's JavaScript.

とあるので、以下のようにしたらどうでしょうか？

<script>
window.jQuery = window.$ = require('bower_components/jquery/dist/jquery');
</script>
<script src='bower_components/moment/min/moment.min.js'></script>
<script src='bower_components/fullcalendar/dist/fullcalendar.js'></script>

<script>
    $(document).ready(function() {
        // page is now ready, initialize the calendar...
        $('#calendar').fullCalendar({
            // put your options and callbacks here
        })
    });
</script>
uedatakeshi commented 9 years ago

結果、変わりませんでした。

[16803:1002/182323:INFO:CONSOLE(338)] "Uncaught Error: Cannot find module 'bower_components/jquery/dist/jquery'", source: module.js (338) [16803:1002/182323:INFO:CONSOLE(15)] "Uncaught ReferenceError: jQuery is not defined", source: file:///panels/bower_components/fullcalendar/dist/fullcalendar.js (15) [16803:1002/182323:INFO:CONSOLE(13)] "Uncaught ReferenceError: $ is not defined", source: file:///panels/index.html (13)

uedatakeshi commented 9 years ago

直りました。 jqueryとmomentはrequireを使って、fullcalendarはscript srcで読み込んで、とするとうまく動きました。 とりあえず起動するとカレンダーが見られるのでみてみて下さい。