2015-09-16 9 views
0

Я пытаюсь использовать функцию перетаскивания на телефонах. Поэтому я пытаюсь использовать jquery touch punch, но, похоже, это не позволяет перетаскивать телефон.jquery touch punch не работает

Вот мой код. Я помещаю 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" 

ответ

2

Вот шаги, которые я взял, чтобы получить сенсорный Панч работать:

  • Получите ваш веб-сайт работает именно так, как вы хотите его на рабочем столе первой. Touch Punch ничего не делает сам по себе, он просто расширяет пользовательский интерфейс jQuery.
  • Загрузите javascript Touch Punch и включите его в свое приложение Rails. /app/assets/javascripts/ будет делать, но я предпочитаю вкладывать сторонние javascripts в /vendor/assets/javascripts/.
  • Включите файл в свой файл application.js, после все ваши jquery и jquery-ui требует.

Это должно вас поднять!

+0

Спасибо. Я перевел его на продавца. Поэтому в моем файле application.js я бы добавил '// = require jquery.ui.touch-punch.min.js'? Также, если я добавлю, что мне нужно все еще иметь эту строку: '% script {: src =>" /app/assets/javascripts/jquery.ui.touch-punch.min.js "}' – Jill

+0

Воспользуйтесь преимуществами [Rails Asset Pipeline] (http://guides.rubyonrails.org/asset_pipeline.html) и потребует все ваши javascripts в 'application.js'. Вы будете использовать '// = require jquery.ui.touch-punch.min' –

 Смежные вопросы

  • Нет связанных вопросов^_^