如何使用 Intel XDK 切换页面
How to switch through pages using Intel XDK
这是我的第一个问题,所以我希望一切都好
这是一个使用 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>
如何在页面之间切换? ('mainpage', 'timepage')
$(document).on("click", "#switch", function(evt)
{
activate_page("#timepage");
});
此自动生成的 jQuery 代码无效。
感谢您的帮助
试试这个:
$(document).on("click", "#switch", function(evt)
{
$('html,body').animate({
scrollTop: $("#timepage").offset().top},
'slow');
});
我正在寻找的解决方案如下所示:
$(document).on("click", "#back", function(evt)
{
//activate_page("#mainpage");
af.ui.loadContent("#mainpage",false,false,"fade");
});
- 您是否导入了 jQuery 文件? id 选择器在 app_framwork.
中不起作用
- 您必须在
<a>
中设置 href 属性
这是我的第一个问题,所以我希望一切都好
这是一个使用 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>
如何在页面之间切换? ('mainpage', 'timepage')
$(document).on("click", "#switch", function(evt)
{
activate_page("#timepage");
});
此自动生成的 jQuery 代码无效。
感谢您的帮助
试试这个:
$(document).on("click", "#switch", function(evt)
{
$('html,body').animate({
scrollTop: $("#timepage").offset().top},
'slow');
});
我正在寻找的解决方案如下所示:
$(document).on("click", "#back", function(evt)
{
//activate_page("#mainpage");
af.ui.loadContent("#mainpage",false,false,"fade");
});
- 您是否导入了 jQuery 文件? id 选择器在 app_framwork. 中不起作用
- 您必须在
<a>
中设置 href 属性