Question

我正在开发移动应用程序。我希望弹出窗口点击图标（carat-r）。其实我不会在哪里链接。以下是我的代码。提前致谢

  <div data-role="page" data-theme="a" data-content-theme="a">

    <div data-role="header" data-position="fixed" data-theme="b">
    <h1>weekdays</h1>
    </div>
    <div data-role="tabs" id="tabs">
    <ul data-role="listview" data-filter="true" data-input="#filterBasic-input" data-inset="true">
    <li ><a href="#">
    <h2>Sunday</h2>
    </a></li>
    <li><a href="#">
    <h2>monday</h2>
    </a></li>
    </ul>
    </div>
    </div>

Answer 1

如果要在单击图标时启动弹出窗口，但仍然将listitem的其余部分设为常规链接，则应使用列表视图上的拆分按钮选项：

<强> http://demos.jquerymobile.com/1.4.4/listview/#Splitbuttons

您可以使用data-split-icon属性将图标设置为carat-r。

在你的标记中：

<ul data-role="listview" data-filter="true" data-input="#filterBasic-input" data-inset="true" data-split-icon="carat-r">
    <li>
        <a href="#"><h2>Sunday</h2></a>
        <a href="#popupMenu" data-rel="popup" data-position-to="window" data-transition="pop"></a>
    </li>
</ul>

<强> DEMO

使用jquery mobile弹出列表屏幕

1 个答案: