小编use*_*170的帖子

我有两个相同的HTML页面(index.html和page1.html),它们包含两个按钮:

<ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
    <li class="ui-body ui-body-b ui-li-static ui-body-inherit ui-last-child">
        <fieldset class="ui-grid-a">
            <div class="ui-block-a">
                <button id="submit" type="submit" class="ui-btn ui-btn-a ui-corner-all">Submit</button>
            </div>
            <div class="ui-block-b">
                <button id="cancel" data-direction="reverse" type="submit" class="ui-btn ui-btn-a ui-corner-all">Cancel</button>
            </div>
        </fieldset>
    </li>
</ul>

其中一个按钮更改为第二个页面,第二个按钮就像一个后退按钮.(理想情况下,您可以使用第一个按钮进入第二页,然后使用第二页上的后退按钮返回第一页.)

我使用JavaScript控制它(这仅适用于index.html按钮,但page1.html JS是相同的):

$(document).on('click', '#submit', function() {
    $(":mobile-pagecontainer").pagecontainer("change", "page1.html",  {
        transition: 'slide',       
        changeHash: true
    });
});

$(document).on('click', '#cancel', function() {
    parent.history.back();
    //$.mobile.back();
});

但我尝试的任何东西似乎都没有用.我知道该程序到达了parent.history.back();因为我在控制台中设置了断点,但除此之外我不知道为什么它不会返回到第一页.

我有一个 PhoneGap 应用程序，它利用 jQuery mobile 的布局显示无序列表。当您在较小的屏幕上查看该应用程序时，文本会重叠，您无法再阅读。我不知道如何让该行“断开”，以便在屏幕尺寸缩小时显示为两行，在不缩小时显示为一行。

全屏

缩小屏幕

在第二行，文本消失，并被数值“隐藏”。该块的代码如下所示：

HTML：

<div data-role="content">
        <ul data-role="listview" data-divider-theme="a">
            <li data-role="list-divider"></li>

            <li><b>Revenues</b></li>
            <li>Gross Sales<span class="right">$543,600</span></li>
            <li>Less Sales Returned and Allowances<span class="right">$9,200</span></li>
            <li>Less Sales Discounts<span class="right">$5,100</span></li>

（继续）

CSS：

span.right {
  float: right;
}

我有一个基本的HTML页面,它使用jQuery Mobile来处理一些按钮属性,但是当我尝试调用时$('#theButton').button('disable');,我遇到了一个错误,指出按钮未初始化(在初始化之前无法调用按钮方法).这是包含按钮的html页面主体:

<script>
    $(window).load($("#theButton").button('disable'));
</script>

<div data-role="content">
    <ul data-role="listview">
        <li>
             <button id="theButton">Click me!</button>
        </li>
    <ul>
</div>

我可以<button>与jQuery Mobile的.button();功能一起使用吗？如果是这样,我该如何初始化<button>？