0

[より簡単にするためにコードを修正] 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>

マウスが入ったり離れたりすると機能しますが、ファイルのドロップでは機能しません。私はこれで狂ってしまいます。

4

1 に答える 1

0

私はgemfileでコメントアウトしました

gem 'jquery-rails'

ヘッダーでGoogle jqueryを使用しました

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

そしてそれは働いた...

app/assets/javascripts/application.js には、jquery を要求する行を含めてはならないことに注意してください。

そうです、最後はレールの問題でした...理由がわかりません。

この小さな例をより大きなプロジェクトに移動すると、ブートストラップで問題が発生しました。しかし、繰り返しますが、私が使用していたブートストラップ バージョンは、gem によって提供されたものでした。

于 2013-05-01T11:43:25.103 に答える