기본 끌어서 놓기 예제가 레일에서 작동하지 않습니다.

Question

[코드 단순화를위한 코드 수정] jquery 및 html5를 사용하여 파일을 끌어서 놓는 간단한 예제를 만들 수 없습니다. 나는 그것이 의미가 없기 때문에 그것이 나의 레일 구성과 관련이 있다고 생각하기 시작했다. 나는 아무 소용이없는 많은 예제를 시도했다.

<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

나는 헤더

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

에서 구글 jQuery를 사용

gem 'jquery-rails' 

gemfile에서 주석하며 응용 프로그램/자산/자바 스크립트에서/것을 ...

참고 일 application.js를 사용하는 경우 jquery를 다시 시작하는 행이 있어서는 안됩니다.

그래서 네, 결국 레일 문제가되었습니다 ... 이유를 모릅니다.

이 작은 예제를 더 큰 프로젝트로 옮겼을 때 부트 스트랩 문제가 발생했습니다. 그러나 다시, 내가 사용하고 있던 부트 스트랩 버전은 보석에 의해 제공되는 버전이었습니다.