javascript - 如何在 JQuery Mobile 的 ListView 中拥有自定义按钮？

Question

我希望在 ListView 标题的右侧显示一个名为“Click Me”的自定义按钮，该按钮将通过“单击”事件执行操作。据我所知，JQuery 没有标准方法来实现这一点，但也许您知道如何实现这一点。

作为我想要实现的目标的说明，请查看 http://jquerymobile.com/test/docs/buttons/buttons-icons.html .

现在想象一下，您正在查看列表标题，其中数据图标位于右侧，但它不是一个图标，而是显示“Click Me”。此外，列表标题不能像其元素一样可单击，而数据图标必须是此处唯一可单击的元素。

如果您有任何想法，请告诉我，即使这由于 JQuery 根本不可能实现，谢谢!

Answer 1

这就是我正在寻找的:

<ul data-role="listview">
    <li data-role="list-divider">
        Fruits
        <span class="ui-li-count">
            <a href="#" data-role="none" data-theme="b">
                Button
            </a>
        </span>
    </li>
    <li>Apples</li>
    <li>Grapes</li>
    <li>Others</li>
</ul>

请注意，列表分隔符包含一个充当按钮的 SPAN...非常巧妙:)

无论如何，感谢您的帮助!