Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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
jQuery导航-相同视图,新内容_Jquery_Ruby On Rails_Ruby_Jquery Mobile - Fatal编程技术网

jQuery导航-相同视图,新内容

jQuery导航-相同视图,新内容,jquery,ruby-on-rails,ruby,jquery-mobile,Jquery,Ruby On Rails,Ruby,Jquery Mobile,我正在使用RubyonRails构建一个简单的web应用程序,最近刚刚在其中添加了jQueryMobile和一个用户字符串regex来识别手机(请参阅RailsCast199) 现在我遇到了以下设计问题:有一个标题包含两个链接(左键和右键),每个链接分别对应于前一天和第二天。我需要他们链接到同一个视图,但与ne内容。在这样做的过程中,我设计了下面的coffeescript,以便简单地向页面添加一个参数,Rails应用程序随后会识别该参数并使用新信息重新呈现 $(document).ready -

我正在使用RubyonRails构建一个简单的web应用程序,最近刚刚在其中添加了jQueryMobile和一个用户字符串regex来识别手机(请参阅RailsCast199)

现在我遇到了以下设计问题:有一个标题包含两个链接(左键和右键),每个链接分别对应于前一天和第二天。我需要他们链接到同一个视图,但与ne内容。在这样做的过程中,我设计了下面的coffeescript,以便简单地向页面添加一个参数,Rails应用程序随后会识别该参数并使用新信息重新呈现

$(document).ready ->
    m = parseInt $("#main")[0].getAttribute("data-message")

    $("a#m_previous").click ->
        move -1

    $("a#m_next").click ->
        move 1

    move = (direction) ->
        m += direction
        window.location = '/?data=' + m`
这很好用。前面提到的按钮有指向“/”的链接。但这只是刷新页面,而不是像我希望的那样完成前向/后向动画。这需要jquerymobile导航到一个新页面,而jquerymobile没有这样做

所以我的问题是:如何配置标题按钮,使其向前/向后移动,并同时呈现具有相同信息的新视图


任何帮助都将不胜感激。

不确定这是否是您想要的,但请看一下。您可以使用它将部分内容加载到另一个页面元素中

$('#main').load('/?data=' + m + ' #content');

这将用content元素替换main div中的内容。

在这种情况下,响应是整个页面。我在这里使用jQuery mobile。因此,我使用了#content div来包装我在视图中使用的所有内容(并在单击链接时进行更改)。因此,我对我的javascript进行了如下修改:-非常感谢您的帮助。@Matt,您在引号和#
m+“#mobile\u view”之间缺少了一个空格。
我也更新了您的Paste。不幸的是,这没有起作用。它所做的是用一个h1来替换整个“#mobile_view”块,上面写着“loading”。所有的资源都被输入,但是替换和转换根本不起作用。有回调还是什么?我感谢你的帮助!@Matt,是的,根据文档,有回调