Question

我在一个简单的Titanium Mobile项目中不断收到以下错误：

Location:
app.js

Message:
Uncaught ReferenceError: tab2 is not defined

Source: tabGroup.addTab(tab2);

以下是我的app.js文件中的代码：

// create tab group
var tabGroup = Titanium.UI.createTabGroup();

// create the window

var win1 = Ti.UI.createWindow({
width: 320,
height: 440,
top: 0,
left: 0,
backgroundImage: 'background.png',
title: 'loan calculator',
barImage: 'navbar.png'
});

 // creat the view, this will hold all of our UI controls
// note the hight of this view is the height of the window
// minus 134px for the status bar and padding and adjusted for navbar

var view = Ti.UI.createView({
width: 300,
height: win1.height - 134,
left: 10,
top: 10,
backgroundColor: '#fff',
borderRadius: 5
});

// we will give the logo a left margin so it centers neatly
// within our view

var _logoMarginLeft = (view.width - 253) / 2;

// now let's add our logo to an imageview and add that to our 
// view object

 var logo = Ti.UI.createImageView({
backgroundImage: 'logo.png',
width: 253,
height: 96,
left: _logoMarginLeft,
top: 0
  });

 view.add(logo);

 // add the view to our window

 win1.add(view);

// add the first tab and attach our window object (win1) to it

var tab1 = Ti.UI.createTab({
icon: 'icon_calculator.png',
title: 'Calculate',
window: win1
  });

 // create the second window for settings tab

 var win2 = Ti.UI.createWindow({
width: 320,
height: 440,
top: 0,
left: 0,
backgroundImage: 'background.png',
url: 'window2.js',
title: 'Settings',
barImage: 'navbar.png'
  });


  // now add the tabs to our tabGroup object

   tabGroup.addTab(tab1);
   tabGroup.addTab(tab2);

  // open the tabgroup to launch the app

  tabGroup.open();

以下是我的window2.js中的代码：

 // add the second tab and attach our external window object
 // (win2 / window2.js) to it

 var tab2 = Ti.UI.createTab({
icon: 'icon_settings.png',
title: 'Settings',
window: win2
});

如何解决这个问题？

Answer 1

为什么tab2创建从app.js移到了window2.js？你想用这个改变做什么？

Tab1构造正确... tabGroup包含作为窗口容器（window1）创建的选项卡（tab1）。第二个选项卡的输入顺序错误。

此外，当您使用createWindow的url形式时，它会创建一个全新的上下文。该窗口中的项目无法访问父作用域，反之亦然。

最后，作为额外的奖励，app.js可能会在window2.js执行之前完成。 URL加载是异步的，并且上下文创建需要时间，因此即使可以跨上下文访问，tab2也很可能在它添加到选项卡组时才创建。对于那些时间问题我有很多“乐趣”......

如何将js文件添加到钛移动项目中

1 个答案: