Question

我的index.html包含几个具有“page”角色的div。在其中一个页面中，我有一个指向不同html页面的链接。当我点击链接时，第二个html页面打开，看起来很好主题，按钮工作正常。问题是标签不起作用。当我单击导航按钮时，它们不会更改为正确的选项卡。我做错了什么？

index.html上的链接：

<a class="ui-link ui-btn ui-btn-b ui-shadow ui-corner-all" role="button" href="MemberPay.htm?Name=John&MemberID=23" data-role="button" data-theme="b">Pay</a>

第二个html：

<!DOCTYPE HTML>

<div id="MemberPay_Page" data-role="page" data-add-back-btn="true" data-theme="b" >


    <div data-role="header">
        <h1>Get Payment</h1>
    </div>

    <div role="main" class="ui-content jqm-content jqm-fullwidth"  >                              

        <form dir="rtl">


            <label id="lblMemberID">member id:</label>                 


            <div data-role="tabs" id="tbPaymentMethod">
                  <div data-role="navbar">
                    <ul>
                      <li><a href="#tabCash">מזומן</a></li>
                      <li><a href="#tabCcard">כ.אשראי</a></li>
                      <li><a href="#tabCheck">צ'ק</a></li>
                    </ul>
                  </div>
                  <div id="tabCash">
                    <p>This is the content of the tab 'One', with the id fragment-1.</p>
                  </div>
                  <div id="tabCcard">
                    <p>This is the content of the tab 'Two', with the id fragment-2.</p>
                  </div>
                  <div id="tabCheck">
                    <p>This is the content of the tab 'Three', with the id fragment-3.</p>
                  </div>
            </div>


            <a  href="" data-transition="flip" data-role="button" class="ui-btn ui-shadow ui-corner-all" onclick="SavePayment()">Save</a>                                                  

        </form>

    </div><!-- /content -->

</div>

Jquery移动选项卡无法在外部页面上工作

0 个答案: