0

使用 JQM 1.3

在我的内容内部标记中，我有：

<div class="simpleCart_items" ></div>

此 div 将使用 javascript 文件中的内容填充。实际上它会输出添加到购物车列表中的项目。

还有这个链接“删除”，它也是在列表中的每个项目旁边生成的。我不能浪费这个机会用一个漂亮的 JQM 迷你按钮来设置这个链接的样式，你可以用这个代码显示：

<a href="index.html" data-role="button" data-icon="Remove" data-iconpos="notext">Delete</a>

在 javascript 中，我找到了负责生成此删除链接的行。

remove: function (item, column) {
                    return "<a href='javascript:;' class='" + namespace + "_remove'>" + (column.text || "X") + "</a>";
            }

在 firebug 上，这一行将像这样输出：

<div class="item-remove">
<a class="simpleCart_remove" href="javascript:;">Remove</a>
</div>

作为事件和 DOM 的新手，我想“嘿，为什么不将此数据角色属性添加到此 javascript 行？” 你们知道它不会像那样工作。

我已经读到，无论出于何种原因，当页面加载时，JQM 样式都没有考虑到这个链接标签。

在尝试了一切之后，我放弃了自己做。如果你们提出了一个脚本，请告诉我确切的位置，这可能会以某种方式影响结果。

4

1 回答 1

0

在 jQM 中，以编程方式添加按钮后，您需要调用refresh方法来让 jQM 增强其标记。

$("<a href='#' data-role='button' data-icon='delete' data-iconpos='notext' data-inline='true' class='simpleCart_remove'>Remove</a>")
    .appendTo("div.simpleCart_items")
    .buttonMarkup('refresh');

这是工作的jsFiddle

在 jsfiddle 示例中，我更改<a>为<button>（顺便说一句，它更简洁）以很好地使用列表视图并绑定click事件以删除项目。

于 2013-03-01T23:22:53.710 回答