如何使用Intel XDK切换页面

Question

这是我的第一个问题，所以我希望一切都很好

这是一个使用intelXDK App-designer的简单HTML示例

<div class="uwrap" id="content">
     <div class="upage vertical-col left panel" id="mainpage" data-header="af-header-1" data-footer="af-footer-4">
         <a class="button widget uib_w_4 d-margins" data-uib="app_framework/button" data-ver="1" id="switch">Button</a>
     </div>
     <div class="upage vertical-col left panel" id="timepage" data-header="af-header-2" data-footer="af-footer-5">
         <a class="button widget uib_w_7 d-margins" data-uib="app_framework/button" data-ver="1" id="back">Button</a>
     </div>
</div>
<footer class="wrap-element uib_w_6" data-uib="app_framework/footer" data-ver="1" id="af-footer-5">
    <a class="widget uib_w_8 d-margins icon check" data-uib="app_framework/button" data-ver="1">Button</a>
</footer>
<footer class="wrap-element uib_w_2" data-uib="app_framework/footer" data-ver="1" id="af-footer-4">
    <a class="widget uib_w_3 d-margins icon home" data-uib="app_framework/button" data-ver="1">Button</a>
    <a class="widget uib_w_5 d-margins icon tv" data-uib="app_framework/button" data-ver="1">Button</a>
</footer>

如何在页面之间切换？ （“主页”，“时间页”）

$(document).on("click", "#switch", function(evt)
{
     activate_page("#timepage"); 
});

这种自动生成的jQuery代码不起作用。

谢谢你的帮助

Answer 1

我正在寻找的解决方案如下所示：

$(document).on("click", "#back", function(evt)
{
     //activate_page("#mainpage"); 
     af.ui.loadContent("#mainpage",false,false,"fade");
});

Answer 2

尝试这个：

$(document).on("click", "#switch", function(evt)
{
      $('html,body').animate({
        scrollTop: $("#timepage").offset().top},
        'slow');
});

示例： http ： //jsfiddle.net/kevinPHPkevin/8tLdq/1/

Answer 3

1. 您导入了jQuery文件吗？ id选择器在app_framwork中不起作用。
2. 您必须在<a>设置href属性