3

Framework7 アプリを使用しており、外部ページをアプリにロードする必要があります。これはナビゲーション バーを意味し、すべてが上部にある必要がありますが、本文内に外部 URL のコンテンツを表示できるはずです。アプリ内ブラウザに似ています。

iFrame で試してみましたが、https ベースの URL では正しく機能しません。それを行う方法はありますか？

externalクラスをアンカータグに追加すると、ページが新しいウィンドウで開くことにも注意してください。アプリ内ではありません。

4

2 に答える 2

5

私は使用してみましたが、私のものを台無しにするCSS$$.getが含まれていたので、ポップアップでそれを分離するためにiframeを使用することになりました。

$$(document).on('click', '.open-popup', function (e) {
    var link = this.data("url");
    var iframe = '<iframe width="100%" style="height: 100em;" src="http://cors.io/?u=' + link + '" frameborder="0"></iframe>';
    $$('.popup-body').html("Loading...");
    $$('.popup-body').html(iframe);
    app.popup('.popup');
});
于 2015-10-07T23:02:17.783 に答える
5

AJAX を使用して HTML をページに挿入します。Javascript を使用すると、「外部」ページ (EXTERNALPAGE.php)<div>を選択したページ (PAGEPlaceholder) にロードできます。

以下は推奨されるコードの要約です。これは実際の例ではありません...

HTML は次のようになります。

<div data-page="PAGENAME" class="page navbar-through toolbar-through">

<div class="navbar ">
    <div class="navbar-inner">              
         <div class="left"></div>
        <div class="center sliding">Page Title</div>
        <div class="right"></div>
    </div>
</div>  


<div class="page-content ">         
    <div id="PAGEPlaceHolder"></div>                                                    
</div>
...

JS は次のようになります。

myApp.onPageInit('PAGENAME', function (page) {  

$$.get('EXTERNALPAGE.php', {}, function (data) {        
        $$('#PAGEPlaceHolder').html(data);          
    });     
});
于 2015-10-07T13:30:39.747 に答える