javascript - 从 webview 中更改选项卡

Question

我已经在 Appcelerator Titanium 中设置了一些 WebView 和选项卡，但我想知道:

如何在 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 )。

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);
});