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