Framework7でJSを使用するには？

私はframework7でアプリケーションを作成します。今度はにjavascriptを実行しようとしましたが、実行されません。Framework7でJSを使用するには？

<div class="pages"> 
<div class="page close-panel" data-page="item"> 
    <div class="page-content"> 
     <div class="content-block-title">Title</div> 
     <script type="text/javascript"> 
      alert("testoutput"); // no alert 
      console.log("TEST"); // no log 
     </script> 
    </div> 
</div>

どのように私はこのJavaScriptコードを実行することができますか？

UPDATE

ページは、他のHTMLページからロードされます。

出典

2016-05-04 michael-mammut

使用コールバック（onPageInit）はdidntの仕事、次が...よく私を働きました。

myApp.onPageInit('dashboard', function (page) { 
    console.log('dashboard page initialized'); 
    console.log(page); 
});

出典

2016-05-09 14:45:13 koolguy

koolguy - >あなたは私の一日を作った！ @ジョナサンとkoolguy。返信ありがとうございます！ –

-1

あなたがたindex.htmlファイル内の任意のJavaScriptコードを書いた場合は、

<head> 
     <script> 
     alert("testoutput"); // no alert 
     console.log("TEST"); // no log 
     </script> 
    </head> like this, which is defined in index.html file 

Or ,if you want write JS code for some particular html file , 

Do like this 

<div class="page close-panel" data-page="item"> 
<div class="page-content"> 
    <div class="content-block-title">Title</div> 
</div> 
    <script> 
     alert("testoutput"); // no alert 
     console.log("TEST"); // no log 
    </script> 
</div>

出典

2016-05-04 13:25:10

返信いただきありがとうございます。あなたのバージョンも試しましたが、動作しません。 –

でそのコードを入れて、私はこの前にFramework7のことを聞いたことがなかったが、ドキュメントを見て取った後、私は信じていません。この方法でJavascriptを使用できるようになります。

JSのイベントのために、あなたはスコープにFramework7コンストラクタ内のイベントを持っているように思われる：もちろん

var myApp = new Framework7(); 

var $$ = Dom7; 

$$('.alert-text').on('click', function() { 
    myApp.alert('Here goes alert text'); 
});

上記の例では、F7のドキュメントから直接採取し、クリックイベントに依存していますしかし、myAppという方法でアラートイベントを試してみることができます。コード

出典

2016-05-04 13:59:01

var myApp = new Framework7(); 

//Add callback function that will be executed when Page with data-page="about" attribute will be initialized 
myApp.onPageInit('dashboard', function (page) { 
    console.log('dashboard page initialized'); 
    console.log(page); 
}); 

// Option 2. Using live 'page:init' event handlers for each page (not recommended) 
$$(document).on('page:init', '.page[data-page="dashboard"]', function (e) { 
    console.log('dashboard loaded with page:init'); 
    createGraph(); 
});

以上を実行するための

出典

2017-07-19 03:02:24

私の場合は、どこでページメソッドを定義しますか？たとえば、私はapp.jsの下にすべての異なるページスクリプトとメソッドを置かなければならないということは、大きなファイルと紛らわしいものです。ロジックを別の ".js"ファイルに分割する必要がありますか？ – Miguel

Framework7でJSを使用するには？

答えて

関連する問題