javascript-JQuery Mobile和link_to

2019-10-28 15:35:06 阅读：142 来源： 互联网

标签：mobile jquery-mobile javascript ruby-on-rails jquery

以下代码在我的网站的桌面版本上有效,也就是说,单击按钮链接到langs_path：

<%= link_to "Continue Quiz!", langs_path, class: "btn btn-large btn-primary"%>

对于使用jQueryMobile的网站的移动版本,请使用以下命令：

<%= link_to "Continue Quiz!", langs_path, "data-transition"=>"slide", class: "ui-btn ui-corner-all buttonMargin"%>

当我使用移动版本时,请单击继续测验！按钮显示永远不会消失的页面加载器动画.

当我查看Rails服务器时,单击桌面版本上的按钮会得到以下信息：

Started GET "/langs" for 127.0.0.1 at 2015-03-18 18:04:16 -0600
Processing by LangsController#index as HTML
  User Load (0.5ms)  SELECT "users".* FROM "users" WHERE "users"."id" = 2 LIMIT 1
  Lang Load (1.2ms)  SELECT "langs".* FROM "langs" ORDER BY id LIMIT 10 OFFSET 321
  Rendered shared/exercises/_learnEnglishSpeakSpanishWordScrambleSpanishTop.html.erb (0.7ms)
  Rendered shared/_indexAction.html.erb (35.6ms)
  Rendered langs/index.html.erb within layouts/application (36.5ms)
  Rendered layouts/_shim.html.erb (0.0ms)
  Rendered layouts/_header.html.erb (0.4ms)
  Rendered layouts/_footer.html.erb (0.3ms)
Completed 200 OK in 52ms (Views: 47.5ms | ActiveRecord: 1.7ms)

其次是所有各种资产被提供.

当我查看Rails服务器时,单击移动版本上的按钮会得到以下信息：

Started GET "/langs" for 127.0.0.1 at 2015-03-18 18:17:25 -0600
Processing by LangsController#index as HTML
  User Load (1.0ms)  SELECT "users".* FROM "users" WHERE "users"."id" = 2 LIMIT 1
  Lang Load (0.8ms)  SELECT "langs".* FROM "langs" ORDER BY id LIMIT 10 OFFSET 321
  Rendered shared/exercises/_learnEnglishSpeakSpanishWordScrambleSpanishTop.mobile.erb (0.1ms)
  Rendered shared/_indexAction.mobile.erb (2.7ms)
  Rendered langs/index.mobile.erb within layouts/application (3.1ms)
  Rendered layouts/_shim.mobile.erb (0.0ms)
  Rendered layouts/_header.mobile.erb (0.3ms)
  Rendered layouts/_footer.mobile.erb (0.3ms)
Completed 200 OK in 22ms (Views: 16.6ms | ActiveRecord: 1.7ms)

其次是提供单一资产.

我可以发现的两者之间的唯一区别是,要提供的资产数量以及要提供的移动视图和桌面视图的数量.两种link_to方法都使用相同的控制器代码.

有什么想法可能导致这种情况？

编辑1：

另一个有趣的行为是这样的：

当我使用台式机版本并单击继续测验时,该链接如上所述起作用.如果在桌面版测验页面上,我切换到移动视图,则测验页面的移动视图有效.单击返回到继续测验链接所在的移动主页,然后单击继续测验按钮现在可以在以前没有的地方使用.

以下是一些有助于说明上述内容的图片：

首先,单击继续小测验挂在主页上.您可以在联系人链接上看到加载图标：

现在从桌面主页开始：

然后点击继续测验：

现在切换到移动视图：

产生以下内容：

现在回到移动主页并单击继续测验：

有任何想法吗？这个让我感到难过.

解决方法:

这是错误,我自己遇到过.由于jQuery动画和Turbolink的错误,本应被触发的动画没有被触发.我认为,如果您将pass remote：false设置为链接,它应该可以工作.否则,您可以在移动版本或应用程序中完全禁用涡轮链接.绝对与Turbolink相关,并且是远程的：传递给link_to帮助器的false将阻止Turbolink在该链接上起作用,因为它将data-remote =“ false”插入到浏览器中呈现的链接中.

另外,在< head>还是< / body>之前？如果将其装载在头部,请将其移至下半身.

标签：mobile,jquery-mobile,javascript,ruby-on-rails,jquery
来源： https://codeday.me/bug/20191028/1953308.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-JQuery Mobile和link_to