Question

我现在正在努力工作几个小时：

我希望有一个动态生成的列表，右侧有分割按钮。这些按钮应像每个按钮一样触发onClick-Event。问题是单击这些按钮会触发listview的onClick事件，该事件应该执行其他操作。

单击该项目会批准该项目，然后拆分按钮会删除该条目。

这可能吗？我在文档中找不到任何教程或建议..

Answer 1

这是 DEMO

添加动态列表项时，将标识类应用于2个锚点。在此示例中，主锚点是mainLink，拆分按钮是deleteItem。然后设置两个类的点击处理程序使用事件委托（$（文档）.on（＆＃34;单击＆＃34;，＆＃34; .mainLink＆＃34;，...）以便处理动态添加的项目：

$(document).on("pagecreate", "#page1", function () {

    var dynamicItems = '';
    for (var i = 0; i < 5; i++) {
        dynamicItems += '<li data-itemid=' + i + '><a href="#" class="mainLink"><h2>ITEM' + i + '</h2><p>Description</p><a class="deleteItem" href="#"></a>';
    }

    $("#thelist").empty().append(dynamicItems).listview("refresh");

    $(document).on("click", ".mainLink", function () {
        alert("Approve " + $(this).parents("li").data("itemid"))
    });

    $(document).on("click", ".deleteItem", function () {
        alert("Delete " + $(this).parents("li").data("itemid"))
    });

});

jQuery Mobile List：在项目上单击并单击拆分按钮

1 个答案: