Cordova 在jquery mobile中单击列表获得弹出窗口

我有一个动态创建的listview

单击任何列表元素后，我需要显示一个带有文本框的弹出窗口

我如何使用jquery mobile做到这一点

我正在创建列表视图，如下所示

div data-role="page" id="storedlist">
        <h1></h1>
    </div>
    <div data-role="content">
        <ul id="storedList">
        </ul>
    </div>
</div>

$('#storedList').append('<li><a href="#">'+key["value"]+'</a></li>');

div data role=“page”id=“storedlist”>

并附加如下所示的列表元素

div data-role="page" id="storedlist">
        <h1></h1>
    </div>
    <div data-role="content">
        <ul id="storedList">
        </ul>
    </div>
</div>

$('#storedList').append('<li><a href="#">'+key["value"]+'</a></li>');

$（“#存储列表”）.append（“
”）；

如何在单击列表元素时显示弹出窗口

---

谢谢：）

不太清楚你在问什么

要绑定到列表视图的各个元素的代码是：

$("#storedList").children().on()

要在单击时显示弹出窗口，可以很容易地将其修改为

$("#storedList").children().on("vclick", function () {
  $("#popup").popup("open");
}

我创建了一个JSFIDLE，它演示了如何将单击处理程序绑定到listview元素。它还说明了如何访问单击的元素的文本字段。这样，如果您需要“key[value]”，您可以在构建要显示的弹出窗口时使用它

---

您可以读取任何元素的文本-即使它是动态创建的-并将文本附加到您想要的任何位置

下面的代码/演示将附加单击列表项的文本，并将其放入文本框中

JS

$(document).on('click', 'li a', function () {
 var text = $(this).text();
 $('#popup input').empty();
 $('#popup input').val(text);
 $('#popup').popup('open');
});

HTML

<div data-role="page">
 <div data-theme="a" data-role="header">
  <h1>Page</h1>
 </div>
 <div data-role="content">
  <ul data-role="listview">
   <li><a href="#">Acura</a></li>
   <li><a href="#">Audi</a></li>
   <li><a href="#">BMW</a>
  </ul>
 </div>
 // Popup
 <div data-role="popup" id="popup" data-overlay-theme="a" data-theme="c" data-dismissible="true" style="width:400px;" class="ui-corner-all">
  <div data-role="header" data-theme="a" class="ui-corner-top">
   <h1>List to Text!</h1>
  </div>
  <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
   <h3 class="ui-title">Reserved for dynamic text</h3>
   <input type="text" name="test" id="test" value="" /> 
  </div>
 </div>
</div>

页





//弹出窗口
列表到文本！
为动态文本保留