我的目标是通过手指滑动在移动浏览器中移动上一张和下一张照片:
https://api.jquerymobile.com/swipeleft/
https://api.jquerymobile.com/swiperight/
由于我只是在网站的一些区域使用它,我决定放置:
"Développement".encode("iso-8859-1").force_encoding("utf-8")
#=> "Développement"
位于<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
视图的顶部。
然而,它完全破坏/破坏了我的网络应用程序的外观和功能。例如,显示了我隐藏的按钮。元素过度和不足等等。
在this topic中,建议必须删除Turbolinks。我不确定这是否是这些问题的根源。
show.html.erb
答案 0 :(得分:1)
根据你引用的帖子,Turbolinks和jQuery并不是一起使用的。最重要的是,如果您只是使用jQuery Mobile swipe
函数,则不需要任何样式,因此请删除jQueryMobile的CSS文件并尝试使用。