0

ドラッグ アンド ドロップ機能を電話で動作させようとしています。だから私はjqueryタッチパンチを使用しようとしていますが、電話でドラッグアンドドロップを有効にしていないようです.

これが私のコードです。jquery.ui.touch-punch.min.js を /app/assets/javascripts/ フォルダーに配置します。

=render :layout => 'shared/form_layout' do
  .row-fluid
    .col-xs-12.text-center#new-image
      %h1 Edit Collection
    = form_for @collection, :html => { :method => :put, :multipart => true } do |f|
      .row-fluid
        %label{for: "image"} Drag to Reorder:
        %script{:src => "http://code.jquery.com/jquery-1.7.2.min.js"}
        %script{:src => "http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"}
        %script{:src => "/app/assets/javascripts/jquery.ui.touch-punch.min.js"}
        %ul.list-inline.form-group.edit-grid.clearfix#collectiondrag{"data-update-url" => sort_collections_url}
          - @images.each do |image|
            %li{class: "image", id: "image_#{image.id}"}
                .edit-item{:style => "background-image: url(#{image.photo.url})"}
        %hr.m-y-20
        .text-center
          = f.submit "Save Changes", class: "button btn btn-primary w-100", id: "sort_collection"
4

1 に答える 1

2

Touch Punchを機能させるために私が取った手順は次のとおりです。

  • 最初にデスクトップ上でウェブサイトを希望どおりに機能させます。Touch Punch 自体は何もしません。単に jQuery UI を拡張するだけです。
  • Touch Punch JavaScript をダウンロードして、Rails アプリに組み込みます。/app/assets/javascripts/できますが、サードパーティの JavaScript を に配置することを好み/vendor/assets/javascripts/ます。
  • すべての jquery および jquery-ui が要求した後application.js、ファイルにファイルを含めます。

これで、起動して実行できるようになります。

于 2015-09-16T01:09:41.697 に答える