可拖動，可放開和移動幻燈片帶觸摸

我的問題是，我有這個功能，直到加入的代碼只是一個小位，使其只在屏幕尺寸下，然後加載480，如此移動。在此之前，它現在工作得很好，無論我走多遠，追溯我所做的所有步驟，我都無法弄清楚，希望有人會回答我爲什麼沒有這樣做。

什麼工作

所以我有更多的則有一件事發生在我的項目，我有被拖動的東西，被保存的東西，你可以用你的手指輕掃從左向右拖動一個圖標和將其放在您滑動的項目上。

現在有效的是;輕掃，拖動，但我的圖標放在滑動項目上，只是不保存或接受。它在之前而不是現在起作用。我開始的事情可能只是錯誤的JavaScript版本的東西。

這裏就是我有

application.html.erb file 

<%= stylesheet_link_tag "bootstrap" %> 
<%= stylesheet_link_tag "boilerplate" %> 
<%= stylesheet_link_tag "application" %> 

<%= javascript_include_tag "application" %> 
<%= javascript_include_tag "bootstrap" %> 
<%= javascript_include_tag "jquery.ui.touch-punch" %> 

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js">   </script> 

<script type="text/javascript"> 
function loadjscssfile(filename, filetype){ 
if (filetype=="js"){ //if filename is a external JavaScript file 
var fileref=document.createElement('script') 
fileref.setAttribute("type","text/javascript") 
fileref.setAttribute("src", filename) 
} 
else if (filetype=="css"){ //if filename is an external CSS file 
var fileref=document.createElement("link") 
fileref.setAttribute("rel", "stylesheet") 
fileref.setAttribute("type", "text/css") 
fileref.setAttribute("href", filename) 
} 
if (typeof fileref!="undefined") 
document.getElementsByTagName("head")[0].appendChild(fileref) 
} 

$(function() { 
    var width = $(window).width(); 
    if (width <= 480) { 
     loadjscssfile("/assets/idangerous", "js"); 
     loadjscssfile("/assets/idangerous.swiper", "css"); 
    } else { 
     $('').appendTo('head'); 
    } 
}); 
</script> 


<script type="text/javascript"> 
window.onload = function() { 
var mySwiper = new Swiper('.swiper-container',{ 
    //Your options here: 
    mode:'horizontal', 
    loop: true 
    //etc.. 
}); 
} 
</script>

注：那是我的application.html.erb文件的外觀與我加載的JavaScript。

我沒有得到任何錯誤，但除非我拿出iDangerous組隊，探索腳本，我拖放停止工作。

來源

2013-12-10 user2419316

了什麼工作對我來說是定義像這樣一個幫手爲每個需要的方案。

def mobile_device? 
    request.user_agent =~ /android|blackberry|iphone|ipad|ipod|iemobile|mobile|webos/i 
end 
helper_method :mobile_device? 

def cell_device? 
    request.user_agent =~ /android|iphone/i 
end 
helper_method :cell_device?

然後在具有輔助方法，我認爲，我這樣做，不管是什麼風格和JavaScript的我需要的基礎上如果它的細胞或平板電腦。現在可能不是最乾淨的，但在我們的情況下，一個很好的解決方案完全可以在現場環境中使用。

來源

2013-12-19 15:32:36 user2419316

可拖動，可放開和移動幻燈片帶觸摸

回答

相關問題