在 jQuery 移动设备中激活弹出窗口
Activating Popup in jQuery Mobile
我有一堆会议 session 信息，格式为 jQuery 移动应用程序中的列表视图小部件。目前，我在每个 li 中都有一段包含更长的 session 描述，我将其样式设置为 display:none。我已将整个 li 包裹在 link 中，目前无处可去。我正在寻求有关如何在有人单击 li 时以编程方式将隐藏段落作为弹出窗口小部件打开的帮助。通常我认为弹出窗口激活 link 与 div 的唯一 ID 有关，我的许多 session 描述目前没有。而我的内容是with-in这个href元素，没有和它分开。有人可以建议一种明智的方法来弹出这个隐藏的段落吗？我希望避免必须为每个描述创建 individual id，甚至可能避免必须将段落包装在一个特殊的 div 中以用于弹出窗口。这是我当前的 li 代码...
<li class="preconference_1-day"><a href="#">
<h3>Conflict Management and Peacebuilding as a Classroom Management Tool</h3>
<p> Presented by <strong>Some University</strong></p>
<p>Location: McPherson Lab, Room 1035</p>
<p class="ui-li-aside"><strong>9:00 AM</strong></p>
<p style="display:none">Description: Participants will be introduced to a...</p></a>
</li>
我正在使用 jquery-2.2.4 和 jquery.mobile-1.4.5
一个简单的方法是使用数据属性来存储额外的信息
例如 <li data-extra="Description: The second set..." class="preconference_1-day">
代码
//The list item click function
$("#listview > li").on("click", function() {
//Get whats in the data attribute from item clicked
var extra = $(this).attr("data-extra");
//Empty whats inside the popup, append data, and open the popup
$("#mypopup").empty().append("<p>"+extra+"</p>").popup("open");
});
我有一堆会议 session 信息，格式为 jQuery 移动应用程序中的列表视图小部件。目前，我在每个 li 中都有一段包含更长的 session 描述，我将其样式设置为 display:none。我已将整个 li 包裹在 link 中，目前无处可去。我正在寻求有关如何在有人单击 li 时以编程方式将隐藏段落作为弹出窗口小部件打开的帮助。通常我认为弹出窗口激活 link 与 div 的唯一 ID 有关，我的许多 session 描述目前没有。而我的内容是with-in这个href元素，没有和它分开。有人可以建议一种明智的方法来弹出这个隐藏的段落吗？我希望避免必须为每个描述创建 individual id，甚至可能避免必须将段落包装在一个特殊的 div 中以用于弹出窗口。这是我当前的 li 代码...
<li class="preconference_1-day"><a href="#">
<h3>Conflict Management and Peacebuilding as a Classroom Management Tool</h3>
<p> Presented by <strong>Some University</strong></p>
<p>Location: McPherson Lab, Room 1035</p>
<p class="ui-li-aside"><strong>9:00 AM</strong></p>
<p style="display:none">Description: Participants will be introduced to a...</p></a>
</li>
我正在使用 jquery-2.2.4 和 jquery.mobile-1.4.5
一个简单的方法是使用数据属性来存储额外的信息
例如 <li data-extra="Description: The second set..." class="preconference_1-day">
代码
//The list item click function
$("#listview > li").on("click", function() {
//Get whats in the data attribute from item clicked
var extra = $(this).attr("data-extra");
//Empty whats inside the popup, append data, and open the popup
$("#mypopup").empty().append("<p>"+extra+"</p>").popup("open");
});