URL数据传递和JQuery效果

Question

我的web应用程序中包含以下代码

<li><a href="javascript:this.next('A')">A</a></li> 

当点击上面的项目时，javascript函数'next‘创建并加载以下链接：

.../testing.php?first=A#result

它工作得很好，它调用了“result”锚点，我通过以下方法提取“first”的值：

$first=$_GET['first'];

但问题是，我使用的是JQuery手机，锚开关之间通常发生的滑动效果不起作用。它只是加载另一个页面。

我测试了一系列通过URL传递数据的不同方式，似乎只有当锚标签紧跟在url的'testing.php‘部分之后才会出现滑动效果，如下所示：

.../testing.php#result

有没有办法在锚标签之后传递URL中的数据，并用php提取它？或者，有没有办法强制实现滑动效果？

谢谢你们。

Answer 1

如果您通过jQM的ajax链接处理将新页面加载到dom中，那么您可以省略url的散列部分。当jQM将新页面加载到dom中时，它只加载data-role="page"元素中页面的一部分。因此，如果您使用的url如下：

/testing.php?first=A

testing.php会输出如下所示的页面：

<div data-role="page" id="testing_<?php echo $_GET['first']; ?>">
    ...
</div>

然后，网站的其余部分可以使用testing.php输出的id (testing_A)来引用新添加的页面。