jQuery和Bootstrap对话框没有出现

目前有一个FullCalendar应用程序，可以跟踪约会。 最近改变了布局，以某种方式帮助我的对话工作。 因此，每当我点击日历上的约会时，它都会在对话框中显示详细信息。

我已经切换了一些东西，现在它不起作用，在Internet Explorer中出现了Unhandled exception at line 214, column 25 in http://localhost:9755/Account/Login?ReturnUrl=/Appointments/Calendar 0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'modal' occurred

我99％肯定我的布局页面中的东西是我放入的。

长期以来一直在破坏我的头脑。 这是我的日历页面：

  
 
 
 
 
 × 
 
 
   Remove    Edit  
 
 
 Close 
 
 
 
 @**@  @section Scripts{    $(document).ready(function () { var events = []; $.ajax({ type: "GET", url: "/Appointments/GetEvents", success: function (data) { $.each(data, function (i, v) { events.push({ details: v.DetailsOfAppointment, date: moment(v.DateOfAppointment), room: v.RoomType, confirmed: v.Confirmed, colour: v.ThemeColour, church: v.Church.Name, parishAdminName: v.Admins.AdministratorName, parishAdminUser: v.Admins.AdminUsername, parishAdminId: v.Admins.AdministratorId, fee: v.Fee, id: v.AppointmentId }); }) GenerateCalender(events); }, error: function (error) { alert("failed"); console.log(error); } }) function GenerateCalender(events) { $('#calendar').fullCalendar('destroy'); $('#calendar').fullCalendar({ contentHeight: 500, defaultDate: new Date(), header: { left: 'prev,next today', center: 'title', right: 'month,basicWeek,basicDay' }, timeFormat: 'HH:mm', eventLimit: true, eventColor: events.ThemeColour, events: events, eventRender: function (event, element) { if (event.fee == null) { if (event.confirmed == false) { element.css('background-color', '#FF0000'); element.css('border-color', '#FF0000'); } else { element.css('background-color', '#008000'); element.css('border-color', '#008000'); } } else { element.css('background-color', '#0000FF'); element.css('border-color', '#0000FF'); } }, eventClick: function (calEvent, jsEvent, view) { $('#myModal #details').text(calEvent.details); var $details = $('
'); if (calEvent.fee != null) { $details.append($('
').html('Date of Ceremony : ' + calEvent.date.format("DD-MMM-YYYY HH:mm a"))); } else { $details.append($('
').html('Date of Appointment : ' + calEvent.date.format("DD-MMM-YYYY HH:mm a"))); } if (calEvent.end != null) { $details.append($('
').html('End:' + calEvent.end.format("DD-MMM-YYYY HH:mm a"))); } $details.append($('
').html('Details : ' + calEvent.details)); $details.append($('
').html('Church Name : ' + calEvent.church)); if (calEvent.fee == null) { if (calEvent.room != null) { $details.append($('
').html('Room : ' + calEvent.room)); } else { $details.append($('
').html('Room Not Confirmed')); } } $details.append($('
').html('Parish Admin : ' + calEvent.parishAdminName)); if (calEvent.confirmed == true) { $details.append($('
').html('Status : Confirmed ')); } else { $details.append($('
').html('Status : Not Confirmed ')); } $('#myModal #pDetails').empty().html($details); $('#myModal').modal(); } }) } })  } 

我的布局页面，我认为问题在于。

  @Styles.Render("~/Content/Site.css") @Styles.Render("~/Content/jquery.datetimepicker.css") @Scripts.Render("~/bundles/modernizr") @Styles.Render("~/Content/fullcalendar.css")       

这是我使用F12后的谷歌片段

Answer 1

我认为两次包含脚本是没有用的。 所以从布局页面中删除脚本