Listview jquery mobile对于许多列表项只有一个弹出窗口

我有以下代码用于jquery移动列表视图，其中每个列表项都有弹出的选项

希望只有一个弹出窗口，其中链接的id传递给它，而不是每个列表项的新popuo。如何将id传递到弹出窗口中

    <div data-role="page">
        <div data-role="header">
             <h1>My page</h1> 
        </div>
        <div data-role="content">
            <ul data-role="listview">
                <li><a href="#thepopup" id="5" data-rel="popup" data-position-to="window" data-transition="pop"><h2>Item 1</h2></a>

                </li>
                <li><a href="#purchase" id="6" data-rel="popup" data-position-to="window" data-transition="pop"><h2>Item 2</h2></a>
            <p>Item 2 description</p></a>

                </li>
            </ul>
            <div data-role="popup" id="thepopup">
                <ul data-role="listview">
                    <li><a href="view.php?id=5">View details</a></li> 
HERE THE "5" SHOULD BE THE ID OF THE ITEM CLICKED ABOVE
                    <li><a href="edit.php?id=5">Edit</a></li>
                    <li><a data-rel="back" href="#">Cancel</a></li>
                </ul>
            </div>
        </div>
    </div>

我的页面




项目2说明





这里的“5”应该是上面单击的项目的ID

首先，popup div应该是page div的直接子级

其次，您可以在单击列表项时以编程方式调用popup。单击后，检索单击项目的id并将其添加到弹出窗口中的链接，然后打开它

$("li a").on("click", function (e) {

    // retrieve id
    var item_id = $(this).attr("id");

    // update links in popup with id retrieved
    // exclude cancel button [data-rel=back]
    $("#thepopup li a:not(:jqmData(rel=back))").each(function () {
        var current = $(this).attr("href").split("=");
        var href = current[0] + "=" + item_id;
        $(this).attr("href", href);
    });

    // open popup with desired transition
    $("#thepopup").popup("open", {
        "transition": "pop"
    });
});

---

您可以动态创建弹出窗口。有没有一种方法可以简单地将id传递给硬连线弹出窗口？当然有可能

$（this）.attr（“id”）

on click事件将保存单击按钮的id。对，但如何修改硬连线弹出窗口的链接？是否要更改弹出窗口列表视图中的

href=“view.php？id=

？