《30天App開發從0到1:APICloud移動開發實戰》第54頁

　　開啟main.html，在apiready中新增一段程式碼

api.addEventListener({
    name: 'citySelected'
}, function(ret, err){
  $api.removeCls($api.byId("arrow"), 'active');
  $api.html($api.byId("city"),ret.value.cityName);
  api.closeFrame({
name:'citySelectorFrame'
});
  });

  
 
'active'
);
$api.html (
$api.byId("city"),
ret.value.cityName
)
});

　　提示錯誤：Uncaught SyntaxError: Unexpected token ) at main.html : 117

　　博主發現

 'active'
);
$api.html (
$api.byId("city"),
ret.value.cityName
)
});

　　這裡和前邊的

    $api.removeCls($api.byId("arrow"),'active');
    $api.html($api.byId(
 
"city"),ret.value.cityName);

　　重複了，刪除掉下邊的就好了

　　這裡監聽citySelected事件，當選擇完城市後，會觸發後面的回撥函式，關閉城市選擇Frame,之後修改箭頭的指向並更新城市名稱

　　如果發現更改完這，專案在APP Loader中執行時，選擇完後城市選擇Frame沒有關閉

　　可以檢查是否按課本P53頁下方所寫的

　　name: 'cityselectorFrame',

　　　　api.openFrame({
              name: 'cityselectorFrame',
              url: 
 
'./cityselector_frame.html',
              rect: {
                  x:  0,
                  y:  headerH,
                  w: 'auto', // 自動填充所在Window的寬度
                  h: 'auto' // 自動填充所在Window的高度
              },

　　另：第48頁、49頁的<section>那段是重複的

　　希望Apicloud平臺越做越好把

　　附上一個自己做的高仿課本開發App網上書店專案　　傳送門