jquery 触摸拳不起作用

jquery touch punch not working

我正在尝试让我的拖放功能在 phones 上运行。所以我正在尝试使用 jquery touch punch 但它似乎无法在 phone.

上启用拖放功能

这是我的代码。我把 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"

以下是我为使 Touch Punch 正常工作所采取的步骤:

  • 首先让您的网站在桌面上完全按照您希望的方式运行。 Touch Punch 本身什么都不做,它只是扩展 jQuery UI.
  • 下载 Touch Punch javascript 并将其添加到您的 Rails 应用中。 /app/assets/javascripts/ 可以,但我更喜欢将第三方 javascript 放在 /vendor/assets/javascripts/.
  • 将文件包含在您的 application.js 文件中, 您所有的 jquery 和 jquery-ui 请求uires.

这会让你起床 运行!