动态连接中的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

相关文章
相关标签/搜索