Javascript jQuery Mobile中的自定义定位弹出窗口

我不知道如何在此位置定位弹出窗口。在文档示例中，它声明在弹出窗口应该出现的href中使用弹出窗口div的id

例如：

<a href="#popupPadded" data-rel="popup" data-role="button">Popup with padding</a>

<div data-role="popup" id="popupPadded" class="ui-content">
  <p>This is a popup with the <code>ui-content</code> class added to the popup container.</p>
</div> 

但我的部分视图正在其他地方使用href=“#”。如何在局部视图中定位弹出窗口，并在其他页面上重用它们

以下是我的部分视图的HTML：

<a href="#" data-icon="GhCsStatus-Red"  data-position-to="origin"    data-inline="true" data-mini="true" data-role="button" id="GhCsStatus_CS" style="pointer-events: none;">CS</a>    
<a href="#" data-icon="GhCsStatus-Red"  data-position-to="origin"    data-inline="true" data-mini="true" data-role="button" id="GhCsStatus_GH" style="pointer-events: none;">GH</a>

<div id="GH_popup" data-role="popup">
<p> Get History is OFF! </p>
</div>

<div id="CS_popup" data-role="popup">
<p> Communication Service is OFF! </p>
</div>      

<div id="GHCS_popup" data-role="popup">
<p> Get History and Communication Service are OFF! </p>
</div> 

让历史滚开

通讯服务关闭

获取历史记录和通讯服务已关闭

为什么不使用自定义工具提示而不是弹出窗口？顺便说一句，JQM1.4有一个工具提示小部件。或者您可以创建自己的，而无需使用JQM 1.4，因为它处于测试阶段。@Omar如果您谈论的是jQuery UI，我不知道是否应该向该项目添加另一个库。我可以；似乎找不到JQM工具提示小部件。谢谢你的意见！您不需要任何额外的库。通过一些CSS和jq，您可以创建自己的工具提示。我觉得很遗憾，我之前的回答没有解决你的问题，你让我感到内疚：//奥马尔哈哈，别担心！事情发生了，在那段时间里我没能处理它！我本应该马上做的，但事情发生了！我感谢你的帮助！哈哈……别担心，我可以帮你。明天我将为您制作一个工具提示：）