基本的拖放示例不能在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上工作

回答

相關問題