第二个Ajax请求在第一个成功后在jQuery mobile/Phonegap中不起作用

Question

我是jquery Mobile & Phonegap的新手。我正在尝试构建可以在多个平台上运行的应用程序。基本上，我有一个HTML文件，里面有一些DIV（用作不同的页面）。从主屏幕上，我有一个按钮链接到另一页是这样的：

<a href="#getCategories" onclick='GetCategories(0);' data-transition="pop" 
    data-role="button">Get Categories</a>. 

GetCategories(categoryid)具有Ajax请求返回基于变量类别ID结果。

我可以进入“#getCategories”屏幕，所有信息显示正常，没有任何问题。我有大约6个类别，每个类别都有不同的类别，从1到6.我还在每个类别中建立链接GetCategories(categoryid)以检索它们的子类别，但它不起作用。

请注意，在我用来填写从Web服务返回的所有信息的DIV中，我为它设置了id（当然它不起作用）。如果我使用这个div的'class'，它将起作用，但后退按钮将直接指向主页，而不是指向父类别。

我真的很想让每个页面都可以回到正确的位置，即如果单击后退按钮，具有子类别的页面将导致其父类别页面。

任何建议将非常感激。非常感谢。

Answer 1

尝试使用：

$('#your_a_id').bind('vclick', function(){ GetCategories(0); }); 

属性JavaScript事件通常不会在HTML与jQuery Mobile的运行。

始终使用.bind（）和jqmobile事件。 http://jquerymobile.com/demos/1.2.0/docs/api/events.html