インテル®XDKのページ・ナビゲーション

Question

最近インテルXDKを使用してWebサイトを作成し始めましたが、ページ間を移動することができませんでした。これについて行く方法はありますか？私はナビゲーションバーのすべてのページをリンクしたいだけです。

Answer 1

あなたは、各ナビゲーションセクションのIDを追加し、好きなように移動するには、次を使用することができ、

$("#yournavid").click(function() { 
     window.location.href = "yournavigationpage.html"; 
    }); 

または単に

Answer 2

リストビューやサイドバイサイドメニューなどのテンプレートで組み込みのナビゲーションコントロールを使用できます。

次に、リストビューテンプレートの例を示します。ほとんどの場合、あなたが来たページに戻るために「戻る」ボタンを使用します。 http://hodentekmobile.blogspot.com/2014/09/creating-projects-with-intel-xdk.html

Answer 3

HTML自体にナビゲーションセクションに

href="yournavigationpage.html" 

を追加

Designerを使用している場合は、index_user_script.jsファイルが必要です。このファイルは、ページを変更するためのすべてのトリガーを管理します。そこに、あなたはその場所を置きます：

$(document).on("click", "#yourIdname", function(evt) 
{ 
    //IF IT IS A PAGE YOU SHOULD USE ACTIVATE_PAGE 
    activate_page("#mainpage"); 

    //IF IT IS A SUBPAGE YOU SHOULD USE ACTIVATE_PAGE 
    activate_subpage("#inicio");   
});