Question

我正在尝试使用symfony制作Web应用程序，并且正在使用Encore Webpack打包脚本。我有一个主要的app.js文件，该文件包含在每个文件中，这是我导入jQuery和Bootstrap的地方。除了显示日历的页面外，对于每一个页面我都可以使用引导模式。有人看到这里没有加载引导程序的情况吗？

我正在使用fullcalendar插件。

（注意：我已经检查了app.js文件是否已通过console.log（“ ...”）加载，看起来它正在加载，但仍给出$（“ ..”）错误。 .modal未定义）

（注意：软件包是使用纱线安装的）

App.js

require('jquery');
require('bootstrap');
require('bootstrap/dist/css/bootstrap.min.css');
....

Agenda.html.twig

{% block script %}
  {{parent()}}
  <script src="{{ asset('build/agenda.js') }}"></script>
{% endblock %}

（app.js脚本位于父级中，请确保已加载该脚本）

Agenda.js

function initCalendar(afspraken){
  $("#calendar").fullCalendar({
    locale:'nl',
    timeFormat:'HH:mm',
    slotLabelFormat:'HH:mm',
    defaultView: 'agendaDay',
    timezone:'locale',
    groupByDateAndResource: true,
    allDaySlot:false,
    slotDuration:'00:10:00',
    firstDay:1,
    minTime:"06:30:00",
    maxTime:"20:00:00",
    header: {
      left: 'prev,next',
      center: 'title',
      right: 'agendaDay,agendaWeek'
    },
    views: {
      agendaWeek: {
        type: 'agenda',
        duration: { days: 7 }
      }
    },
    resources: {
      url: "/agenda/pull/resources",
      type:"GET"
    },
    events:{
      url:"/agenda/pull/afspraken",
      type:"GET"

    },
    selectConstraint:"businessHours",
    selectable:true,
    selectHelper:false,
    selectOverlap:false,
    select: function(start, end, jsEvent, view, resource) {openAddAfspraak(new Date(start), resource);},
    eventClick: function(calEvent, jsEvent, view) {openEditAfspraak(calEvent);},
    dragScroll:false,
    eventTextColor:'white'    
  });

}

function openAddAfspraak(date, resource){
  date.setHours(date.getHours()-2);

  var modal = $("#addAfspraak");
  //modal.find("[name='afspraak_form[date]']").val(('0'+date.getDate()).slice(-2)+'/'+('0'+(date.getMonth()+1)).slice(-2)+'/'+date.getFullYear());
  $(".dateField").datepicker("update", date);
  modal.find("[name='afspraak_form[start][hour]']").val(date.getHours());
  modal.find("[name='afspraak_form[start][minute]']").val(date.getMinutes());
  modal.find("[name='afspraak_form[werknemer]']").val(resource.id);


  modal.modal();
}
...

Encore Webpack不会为特定页面加载引导程序

0 个答案: