javascript - 基本的拖放示例不适用于导轨

Question

[修改代码使其更简单] 我无法使用 jquery 和 html5 制作非常简单的拖放文件示例。我开始认为这与我的 rails 配置有关，因为没有任何意义。我尝试了很多例子，但无济于事。

<div id="drop_zone">Drop files here</div>
<output id="list"></output>

<script>
$(document).ready(function() {

  jQuery.event.props.push('dataTransfer');

  $('#drop_zone').on('drop', function(e){
      alert("drop"); });

  $('#drop_zone').on('mouseleave', function(e){
      alert("mouseleave"); });

  $('#drop_zone').on('mouseenter', function(e){
      alert("mouseenter"); });

});

</script>

它在鼠标进入、离开时有效，但在文件删除时无效。我要疯了。

Answer 1

我在 gemfile 中注释掉了

gem 'jquery-rails'

在标题中使用了 google jquery

<%= javascript_include_tag "jquery-1.9.1.min.js" %>

它奏效了……

请注意，在 app/assets/javascripts/application.js 中，您不能有需要 jquery 的行。

所以是的，最后这是一个轨道问题......不知道为什么。

当我将这个小例子移到我更大的项目中时，它给出了引导程序的问题。但同样，我使用的引导版本是 gems 提供的版本。