-6

几个月来我一直在开发 Rails 应用程序。今天，当我在 localhost 上运行应用程序时，jquery 似乎在每个页面上执行了两次。

我在 iMac 上运行。

一些症状是：

  1. DataTables 告诉我“无法控制初始化 DataTables”
  2. 完整日历在页面上显示 2 个日历而不是 1 个
  3. 引导下拉菜单不起作用

真的让我很困惑！！！

谢谢您的帮助！

更新1

当我 Cap Deploy 到 Rails 虚拟服务器时，相同的应用程序运行良好。所以，在我看来，这与我的 iMac 环境有关。

我不确定要显示什么代码。因为 jquery/javascript 代码似乎在上面的所有数字示例中触发了两次。

这是日历的视图代码（日历现在在页面上显示两次）：

<h2><%= current_user.employee.employee_full_name %> - Labor Month</h2>
<%= content_tag "div", id: "calendar", data: {employeeid: current_user.employee.id} do %>
<% end %>

还有咖啡脚本：

$(document).ready ->

$('#calendar').fullCalendar
  ignoreTimezone: true,
  editable: true,
  defaultView: 'month',
  height: 500,
  slotMinutes: 30,
  selectable: true,
  selectHelper: true,

select: (start, end, allDay) ->
  title = $("#title")
  description = $("#description")
  hours = $("#hours")
  workorder = $("#workorder_id")
  actcode = $("#actcode_id")
  $("#dialog-form").dialog
    autoOpen: true
    height: 500
    width: 400
    modal: true
    buttons:
     "Create Labor": ->
       $.create "/events/",
         event:
           workorder_id: workorder.val(),
           actcode_id: actcode.val(),
           title: title.val(),
           description: description.val(),
           hours: hours.val()
           starts_at: "" + start,
           ends_at: "" + end,
           all_day: allDay,
           employee_id: $('#calendar').data('employeeid')
       $('#calendar').fullCalendar('refetchEvents')
       $(this).dialog "close"

      Cancel: ->
        $(this).dialog "close"

eventSources: [{
  url: '/events',
}],

timeFormat: 'h:mm t{ - h:mm t} ',
dragOpacity: "0.5"

eventDrop: (event, dayDelta, minuteDelta, allDay, revertFunc) ->
  updateEvent(event);

eventResize: (event, dayDelta, minuteDelta, revertFunc) ->
  updateEvent(event);

updateEvent = (the_event) ->
  $.update "/events/" + the_event.id,
    event:
      title: the_event.title,
      starts_at: "" + the_event.start,
      ends_at: "" + the_event.end,
      description: the_event.description

更新3

Some gems I'm using related to javascript:
gem 'twitter-bootstrap-rails'
gem 'jquery-rails'
gem 'fullcalendar-rails'
gem 'jquery-rest-rails'
gem 'gmaps4rails'
gem 'bootstrap-editable-rails'
gem 'jquery-datatables-rails'
gem 'jqtree-rails'

更新4

我应该看看 Chrome 检查元素吗？

更新5

@abhi 和 Ogz 向导说要删除公共资产或尝试将其放入 development.rb = config.assets.debug = false 。当我将该行添加到 development.rb 时，错误消失了。

现在我不确定接下来我应该做什么。我希望能够调试资产。

4

1 回答 1

0

您最近是否切换到 turbolinks？有一个宝石可以解决这些问题。(jquery.turbolinks)

如果您发现在使用 jQuery Turbolinks 后某些事件被多次触发，您可能已经在 $(function()) 块中绑定了文档事件。例如，下面的这个例子可能很常见，应该避免：

/* BAD: don't bind 'document' events while inside $()! */
$(function() {
 $(document).on('click', 'button', function() { ... })
});

https://github.com/kossnocorp/jquery.turbolinks#troubleshooting

但是您应该考虑通过提供更多详细信息和一些代码来改进您的问题。

于 2013-03-08T14:51:15.230 回答