Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery移动和链接到_Javascript_Jquery_Ruby On Rails_Jquery Mobile_Mobile - Fatal编程技术网

Javascript JQuery移动和链接到

Javascript JQuery移动和链接到,javascript,jquery,ruby-on-rails,jquery-mobile,mobile,Javascript,Jquery,Ruby On Rails,Jquery Mobile,Mobile,以下代码适用于我的网站的桌面版本,即单击按钮链接到langs_路径: <%= link_to "Continue Quiz!", langs_path, class: "btn btn-large btn-primary"%> 然后是所服务的各种资产 当我查看rails服务器时,单击移动版本上的按钮,我会得到以下信息: Started GET "/langs" for 127.0.0.1 at 2015-03-18 18:17:25 -0600 Processing by Lang

以下代码适用于我的网站的桌面版本,即单击按钮链接到langs_路径:

<%= link_to "Continue Quiz!", langs_path, class: "btn btn-large btn-primary"%>
然后是所服务的各种资产

当我查看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)
然后是一个单一的资产

我能发现两者之间的唯一区别是所服务的资产数量以及所服务的移动和桌面视图。相同的控制器代码用于两种链接方法

有没有想过是什么导致了这一切

Edit1:

另一个有趣的行为是:

当我在桌面版本上单击“继续测验”时,链接将如上所述工作。如果在桌面版的测验页面上切换到移动视图,则测验页面的移动视图有效。单击返回移动主页上的“继续测验”链接,然后单击“继续测验”按钮,现在可以在之前没有的位置工作

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

首先,单击主页上的“继续测验”将挂起该问题。您可以在联系人链接上看到加载图标:

现在从桌面主页开始:

然后单击继续测验:

现在切换到移动视图:

结果如下:

现在返回到移动主页,单击“继续测验工作”:


有什么想法吗?这个问题让我很困惑。

我看到的区别是,您在移动版本中添加了
“数据转换”=>“幻灯片”
。这显然应该触发jQueryMobile幻灯片转换,但这不能正常工作,这就是为什么“页面加载程序动画永远不会消失。”

我无法告诉您为什么它不起作用,但这就是问题所在,jQuery移动幻灯片转换不起作用。您可以找出原因,也可以删除数据转换属性


jquerymobile转换可能与您正在进行的其他操作不兼容,可能是在最新版本中Rails默认安装的TurboLink。您可以尝试禁用TurboLink,无论是在移动版本中还是在任何地方

以下是您可以做的

  • 在浏览器控制台中检查js错误
  • 检查开发人员工具的“网络”选项卡,查看是否有来自服务器的响应,并且请求没有失败
  • 检查jquerymobile何时获得响应是否有回调。它需要知道如何处理返回的内容。-可能在您的情况下,这不是必需的,因为您只是试图打开一个页面
  • rails控制器是否为XHR请求返回不同的结果?这肯定会导致这个问题
  • 不使用jquery,只做一个简单的重定向,比如:this.location.href=“”

  • 这是错误,我自己也遇到过。由于jQuery动画和TurboLink存在错误,因此没有触发应该被触发的动画。我认为如果您将pass
    remote:false设置为链接,它应该可以工作。否则,您可以在移动版本或应用程序中完全禁用TurboLink。它肯定与TurboLink相关,并且传递给
    link\u to
    帮助程序的
    remote:false
    将阻止TurboLink对该链接进行操作,因为它将
    data remote=“false”
    插入浏览器中呈现的链接


    另一方面,您在哪里加载javascript,在
    中还是在
    之前?如果您将其装入头部,请将其移至下半身。

    谢谢您的输入!我从到的链接中删除了“数据转换”=>“幻灯片”,但问题仍然存在。此外,当我用另一条路径替换langs_路径时,例如about_路径,转换和链接_to的工作与预期一样。
    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)
    
    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)