Question

我已经设置了一些网页浏览＆amp;使用Appcelerator Titanium中的选项卡，但想知道：

如何在webview html中更改标签？

即。我将我的应用程序拆分为4个html页面（跨4个选项卡）。我在html webviews中有链接，我想触发一个事件来切换标签。

我的标签项在app.js中设置如下：

var win1 = Titanium.UI.createWindow();
var tab1 = Titanium.UI.createTab({
    icon:'images/tabs/card1.png',
    title:'Card 1',
    window:win1
});

var webview1 = Titanium.UI.createWebView({url: 'index.html'});

win1.add(webview1);
win1.hideNavBar();

所以在这个例子中，我在index.html中有一个 a href ，当点击它时，我想将应用程序切换到第三个选项卡（具有不同的webview）。 / p>

Answer 1

您需要在HTML文件中触发和事件，并在您的应用程序中监听它

Ti.App.fireEvent Documentation Link

HTML文件中的代码

<a href="/" onclick='Ti.App.fireEvent("wvClick",{new_tab:"tab_identifier"}); return    
           false;'>Switch Tab</a>

js文件中的代码

Ti.App.addEventListener('wvClick', function(data) 
{ 
Titanium.API.info("--> " + data.new_tab);
});

从webview中更改选项卡

1 个答案: