动态链接中的JavaScript函数参数传递问题

最新推荐文章于 2021-10-16 13:55:11 发布

weixin_34311757

最新推荐文章于 2021-10-16 13:55:11 发布

阅读量67

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/919074/blog/175267

版权

2019独角兽企业重金招聘Python工程师标准>>>

最近做项目过程中遇到一小问题，查询相关资料后已经解决

问题是：

Js代码

function lowestPriceInfo1(data){
jQuery("#tabcity_1").html("");
var s='<ul>';
var orgCity;
var destCity;
var orgTime;
for(var i = 0 ; i< data.length;i++)
{
orgCity=data[i].orgCity;
destCity=data[i].dstCity;
orgTime=data[i].orgTime;
s+='<li class="cityInfo" style="cursor: pointer;" οnclick=lowestPriceInfo("'+orgCity+'","'+destCity+'","'+orgTime+'")>'+data[i].orgCity+' '+data[i].dstCity+' '+data[i].orgTime+' '+data[i].price+' '+data[i].discount+'</li>';
}
s+='</ul>';
jQuery("#tabcity_1").html(s);
}

<li>的onclick事件调用了另一个JS的函数lowestPriceInfo(),其定义如下

Js代码

function lowestPriceInfo(orgCity,destCity,orgTime)
{
............略
}

几次测试，发现<li>中的3个已经定义好的参数无法传递进去，后发现必须写成οnclick=lowestPriceInfo("'+orgCity+'","'+destCity+'","'+orgTime+'")形式才可以，直接写成lowestPriceInfo(orgCity,destCity,orgTime)不好使。当然要注意的是：这里的<li>标签是动态生成的~~~若不是动态生成，直接按照后一种写法即可。

转载于:https://my.oschina.net/u/919074/blog/175267