当我为在应用程序中播放的视频放置一个iframe时,jQuery UI标题上的后退按钮不再起作用。
当我把iframe从代码中去掉时,它又能正常工作了。想知道有没有人知道修复方法,这里是打开iframe的页面的代码。
<div data-role="page" id="about" data-add-back-btn="true" data-back-btn-text="Back" >
<div data-role="header" >
<h1>About</h1>
</div><!-- /header -->
<div data-role="content">
<div id ="aboutsection">
<div id="about-logo"><img src="images/small-logo.png" /></div>
<div id="video-thumb">
<a href="#popupVideo" data-rel="popup" data-position-to="window"><img src="images/video-thumb.png"/></a>
<div data-role="popup" id="popupVideo" data-tolerance="15,15" class="ui-content">
<iframe src="
http://player.vimeo.com/video/54553882?portrait=0" seamless></iframe>
</div>
</div><!--/video-thumb-->
<p>© Be Active North-East</p>
</div><!--/aboutsection-->
</div><!-- /content -->
<div data-role="footer" data-position="fixed">
<h4>Be Active North East </h4>
</div><!-- /footer -->
发布于 2013-05-24 22:20:30
我遇到了类似的问题,并且用这个js得到了很好的结果;
function goBack(){
var url = $.mobile.urlHistory.getPrev().url;
if (url === null || url == "") url = $.mobile.firstPage.attr("data-url");
$.mobile.changePage(url, "slide", true, true, true);
}
这个后退按钮
<a href="" data-role="button" data-inline="true" data-icon="back" onclick="goBack()">Back</a>
https://stackoverflow.com/questions/14585875
复制