Question

我动态生成此html代码以删除id = 3的项目，例如：

"<a href='javascript:delete('" + item.id + "')>";

当我点击它时，它将执行删除（'3'）;我将其更改为：

<a href='#delete' data-rel='popup' data-position-to='window' data-transition='pop'>

并为此标记添加一个对话框：

<div data-role='popup' id='delete'>
    <a href='javascript:delete(item.id)' data-role='button'>delete</a>
</div>

如何将项目的ID转移到此弹出对话框的标签，任何建议？

Answer 1

我觉得你可能会以错误的方式实现这一目标。有些事要改变：

delete is a JavaScript keyword. You cant use it as a function.
请勿使用onclick属性。它导致重复。相反，您可以使用click事件进行重复操作。
您似乎已经想到了创建多个弹出窗口（每个click锚标签一个）。我想有人会这样做。

现在，与我刚刚提出的任何内容相关，这里有一些示例代码。

<强> HTML

<a href='#' class='delete' data-num='" + i + "'>Delete me</a>

（请注意HTML中的data-num属性，class属性的添加以及代码中onclick的删除

它可以被JS取代，如下所示：

$(this).on("click", ".delete", function (e) {
        //prevent default action
        e.preventDefault();
        //take the id value
        var id = $(this).data("num");
        //send that value to the popup
        $("#delete").find("span").html(id).end().popup("open");
});

一个演示小提琴供您查看：http://jsfiddle.net/hungerpain/AxGde/2/

如何从<a> tag to popup dialog in jquery mobile?</a>传输数据

1 个答案: