3

アプリケーション内で再生するビデオに 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>&#169; Be Active North-East</p>
    </div><!--/aboutsection-->
</div><!-- /content -->

<div data-role="footer" data-position="fixed">
    <h4>Be Active North East </h4>
</div><!-- /footer -->

4

1 に答える 1