Framework7在视图中切换视图?

时间:2016-01-08 09:51:22

标签: javascript jquery html view html-framework-7

老年人。

我对Framework7有疑问。

问题是如何在视图中切换视图。

例如,我有......

#view1 main-view

#视图2

#VIEW3

#view4

所以我使用myApp.addView(view1),

myApp.addView(视图2),

myApp.addView(VIEW3),

myApp.addView(view4)

有一个示例“标签栏应用程序”。

我发现它使用tab< a> tag和href ='#view2','#view3','#view4',

然后它可以轻松改变视图。

简而言之,如何使用代码更改视图而不仅仅是href link?

谢谢,伙计们。

3 个答案:

答案 0 :(得分:2)

找到答案;它记录在Framework7" Tabs" "使用javascript"显示标签页面:http://www.idangero.us/framework7/docs/tabs.html#show-tab-using-javascript

在此处使用Tab演示: http://www.idangero.us/framework7/examples/tab-bar/

您可以在javascript控制台中输入此内容,它会切换到"照片"标签: myApp.showTab('#view-4')

答案 1 :(得分:0)

对于framework7 v2:

如果您的观点是

<div id="view-settings" class="view tab">
<!-- Settings page will be loaded here dynamically from /settings/ route -->
</div>

然后以编程方式使用

在framework7 v2上显示选项卡
  

app.tab.show( “#视图设置”)

答案 2 :(得分:-1)

您可以使用普通的javascript:

function myFunction() {
    location.href = "#view2";
}

例如......