没有iframe的JQM

时间:2014-02-28 23:09:22

标签: html5 jquery-mobile iframe

我尝试使用JQM构建应用程序并使用小部件Navbar,直到现在我使用的是IFrame,但效果并不好。 我的问题是,我可以用什么代替IFrame?

<div data-role="navbar" class="nav-glyphish-example">
<ul>
<li>
<a  href="#info_tab" class="infoButton ui-btn-active" data-icon="custom" 
id="infoMenu">     </a></l`enter code here`i>
<li><a  href="#calendar_tab" class="calendarButton" 
data-icon="custom"  id="calendarMenu"></a></li>
<li><a   href="#picture_tab" class="picturesButton" data-icon="custom" 
id="pictureMenu">     </a></li>
<li><a  href="#buy_tab" class="buyButton" data-icon="custom" id="buyMenu"></a></li>
                </ul>
    </div>
    <!-- End Navigation Bar -->
    <!-- iFrames -->
    <div  id="iFramesDIV">


<div id="info_tab" class="fullScreen ">        
            </div>
            <div id="calendar_tab" class="fullScreen hide"> 
    <iframe id="calendarFrame" src="tab_pickadate/calendar.html" 
     scrolling="no" frameborder="0"   class="fullScreen"></iframe>
            </div>
     <div id="picture_tab" class="fullScreen  hide">                
     <iframe id="pictureFrame" src="" scrolling="no" frameborder="0" 
     class="fullScreen"></iframe>         
            </div>        
            <div id="buy_tab" class="fullScreen  hide">
     <iframe id="buyFrame" src="tab_buy/buy.html" frameborder="0" 
      class="fullScreen"></iframe>
            </div>                  
        </div>
        <!-- End iFrames --> 
</div>
<!-- End Content--> 

请帮帮我:)。

1 个答案:

答案 0 :(得分:0)

要使用iframe,您需要在Iframe源中包含JQM库。尝试在“tab_pickadate / calendar.html”路径中包含JQM。我还与Iframes和JQM一起工作。