Question

我正在使用Ruby on Rails构建一个简单的Web应用程序，最近刚添加了jQuery mobile和一个用户字符串正则表达式来识别手机（参见Railscast 199）。

现在我遇到以下设计问题：存在一个包含两个链接（左键和右键）的标题，每个链接分别对应于前一天和下一天。我需要他们链接到相同的视图，但有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`

哪个工作正常。前面提到的按钮具有指向'/'的链接。但这样做只是刷新页面，而不是像我想的那样完成前进/后退动画。这需要jQuery mobile导航到新页面，而不是这样。

所以我的问题是这个：如何配置标题按钮以向前/向后移动并呈现新视图但具有相同的信息？

非常感谢任何帮助。

Answer 1

不确定这是否是您所追求的，但请查看load method。您可以使用它将一部分内容加载到另一个页面元素中。

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

这将使用content元素替换主div内的内容。

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

1 个答案: