jQuery Mobile和CloudMake传单链接不起作用

我已经用jQuery Mobile创建了一个web应用程序，并包含了一个使用CloudMake传单的地图。地图具有从数据库中的坐标生成的标记。每个标记都有一个项目描述和一个链接，单击标记时，该链接将显示在弹出窗口中。一切正常。该链接访问一个php文件，该文件从数据库请求有关该项的更多信息

我遇到的问题是，当单击弹出窗口中的链接时，不是使用jQuery转换来显示包含更多信息的页面，而是该链接强制浏览器打开并显示其中的内容

我认为jquerymobile在看到链接并在单击链接时应用ajax加载和转换时会出现一些问题

---

有人知道这是否可行，以及需要做些什么才能使其正常工作吗？

我在jQuery Mobile中开发，默认情况下，jQuery Mobile表单通过ajax向服务器发出调用，您应该像这样添加

data ajax=“false”

：

<form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">

<div data-role="page" id="infoPage" data-add-back-btn="true">
  <header data-role="header" data-theme="c">
    <h1>Video tests</h1>
  </header> 
  <div data-role="content">
     This is where more info would appear...
  </div>
</div>

var popup = new L.Popup();
popup.setLatLng( e.latlng );
popup.setContent( "More <a href='#infoPage'>info</a> here." );
map.openPopup( popup );

完整示例：

巴里

您需要做的是包含一个指向目标jQuery移动链接的“#”链接。例如，如果您有一个名为infoPage的JQM页面，如下所示：

<form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">

<div data-role="page" id="infoPage" data-add-back-btn="true">
  <header data-role="header" data-theme="c">
    <h1>Video tests</h1>
  </header> 
  <div data-role="content">
     This is where more info would appear...
  </div>
</div>

var popup = new L.Popup();
popup.setLatLng( e.latlng );
popup.setContent( "More <a href='#infoPage'>info</a> here." );
map.openPopup( popup );

视频测试
这里将显示更多信息。。。

然后，您可以像这样创建标记：

<form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">

<div data-role="page" id="infoPage" data-add-back-btn="true">
  <header data-role="header" data-theme="c">
    <h1>Video tests</h1>
  </header> 
  <div data-role="content">
     This is where more info would appear...
  </div>
</div>

var popup = new L.Popup();
popup.setLatLng( e.latlng );
popup.setContent( "More <a href='#infoPage'>info</a> here." );
map.openPopup( popup );

var popup=新的L.popup（）；
弹出.setLatLng（即latlng）；
setContent（“此处有更多内容”）；
map.openPopup（弹出窗口）；

请注意href='#infoPage'-这是JQM切换页面的标准方式。 希望这能帮你解决问题（我刚在这里试过，效果不错）

…如果您将“应用程序”作为PhoneGap应用程序而不是纯web应用程序运行，单击链接可能会导致PhoneGap在浏览器中启动内容，而不是停留在其自己的web视图中。这在其他地方得到了回答：

---

谢谢您的回复。我没有使用来自bubble的表单，我使用的是HTML标记。其思想是，每个气泡都有一个指向php文件的文本链接，该文件从服务器获取属性的详细信息，并在Jquery Mobile中显示详细信息，但却会跳出移动应用程序，打开Safari浏览器并在其中显示详细信息。