動態連接中的JavaScript函數參數傳遞問題

最近作項目過程當中遇到一小問題,查詢相關資料後已經解決 html

問題是: 函數

Js代碼   收藏代碼
  1. function lowestPriceInfo1(data){   
  2.         jQuery("#tabcity_1").html("");  
  3.         var s='<ul>';  
  4.         var orgCity;  
  5.         var destCity;  
  6.         var orgTime;  
  7.         for(var i = 0 ; i< data.length;i++)   
  8.         {     
  9.             orgCity=data[i].orgCity;  
  10.             destCity=data[i].dstCity;  
  11.             orgTime=data[i].orgTime;  
  12.           
  13.             s+='<li class="cityInfo" style="cursor: pointer;" onclick=lowestPriceInfo("'+orgCity+'","'+destCity+'","'+orgTime+'")>'+data[i].orgCity+' '+data[i].dstCity+' '+data[i].orgTime+' '+data[i].price+' '+data[i].discount+'</li>';  
  14.         }  
  15.         s+='</ul>';  
  16.         jQuery("#tabcity_1").html(s);  
  17.     }  

 <li>的onclick事件調用了另外一個JS的函數lowestPriceInfo(),其定義以下 測試

Js代碼   收藏代碼
  1. function lowestPriceInfo(orgCity,destCity,orgTime)  
  2. {  
  3.    ............略  
  4. }  

 幾回測試,發現<li>中的3個已經定義好的參數沒法傳遞進去,後發現必須寫成onclick=lowestPriceInfo("'+orgCity+'","'+destCity+'","'+orgTime+'")形式才能夠,直接寫成lowestPriceInfo(orgCity,destCity,orgTime)很差使。固然要注意的是:這裏的<li>標籤是動態生成的~~~若不是動態生成,直接按照後一種寫法便可。 spa

相關文章
相關標籤/搜索