基本的拖放示例不能在rails上工作

[修改代码以使其更简单]我不能使用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>

它适用于鼠标进入，离开时，但不会丢失文件。我正在为此疯狂。

来源

2013-04-29 cauchy

您是否检查浏览器中的元素，以便在拖放或任何文件/元素丢失时查看交互？ – Nich 2013-04-30 02:50:01

是的，交互缺失。当我做出降临时没有事件 – cauchy 2013-04-30 06:48:28

你是否期待它拖拽然后将自动上传或如何？因为我知道如果拖放到html5上，图片生成为base64代码 – Nich 2013-04-30 13:20:54

我在Gemfile中

gem 'jquery-rails'

使用谷歌的jQuery在头

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

注释掉和它的工作...

注意，在应用程序/资产/ JavaScript的/ application.js，你不能有一条要求jquery的行。

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

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

来源

2013-05-01 11:43:25 cauchy

基本的拖放示例不能在rails上工作

回答

相关问题