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

Question

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

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

GetCategories(categoryid) 有 Ajax 请求根据变量 categoryid 返回结果。

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

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

我真的想要它，以便每个页面都可以导航回正确的页面，即如果单击后退按钮，具有子类别的页面将指向其父类别页面。

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

Answer 1

尝试使用：

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

属性 Javascript 事件通常不会在带有 jquery mobile 的 HTML 上运行。

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