Jquery 导航到另一页时出错

我正在开发一个包含可折叠listview的web应用程序。当我点击

时，当前页面（

#biblepage

）必须导航到另一个页面（

#章节

）。

#biblepage

页面包含可折叠列表视图，

#chapter

页面必须加载相应的数据

Html代码：

<!-- Home Page -->
<div data-role="page" id="biblepage" data-transition="flip">
    <div data-role="header" data-position="fixed">
    </div>

    <div data-role="content">

         <div id="collapse_list"></div>
    </div>
</div>

<!-- Chapter Page -->
    <div data-role="page" id="chapter">
        <div data-role="header" data-position="fixed" data-theme="b">
                <h1></h1>
        </div>

        <div data-role="content"></div>

</div>

但是当我点击

时，

#章节

页面没有打开（没有加载任何数据）

代码：

---

提前感谢。

您的

更改前页面

侦听器出错。首先，

toPage

不在函数的第一个参数（即事件本身）中，而是在第二个参数中，第二个参数中，您的正则表达式正在重新测试

$chapter

，而不是

#chapter

。应该是这样的：

 // Listen for pagebeforechange event
 $(document).bind("pagebeforechange", function (event, data) {
     // only handle changePage() when loading a page by URL.
     if (typeof data.toPage === "string") {
         // Handle URLs that requests chapter page
         var url = $.mobile.path.parseUrl(data.toPage),
             regex = /^#chapter/;
         if (url.hash.search(regex) !== -1) {
             showChapter(url, data.options);
             // tell changePage() we've handled this 
             //e.preventDefault();
         }
     }
 });

---

作为演示，请注意Ajax调用不起作用。

请在此处（仅）发布相关代码！检查控制台是否有错误。不管JSFIDLE上有什么问题，控制台都会显示如下内容：

Uncaught error:Syntax error，unrecogned expression:#chapter？book=Exod&num=1

这么多错误，您没有看到吗？？在您查找错误的地方？？有时我会得到这个未捕获的错误：语法错误，无法识别的表达式：#chapter？book=Exod&num=1我正在使用firebug@Lucky哪里不装货？数据将不会加载到JSFIDLE中，因为它使用Ajax…@Lucky您在哪里测试？在我的演示中，

loadBook

正在访问是的，但是当我在尝试之前单击

它正在加载书籍。我在单击“Lucky”后尝试单击“加载数据”，您在控制台中看到了什么错误？这听起来像是另一回事issue@Lucky正如我所说，这是一个不同的问题，可能与Ajax有关，请尝试调试该调用