javascript - 在 JS 参数中添加引号

Question

我正在使用 JS 为我的移动应用程序动态填充无序列表。我正在使用 JQuery mobile 和 Phonegap 进行开发。

在我的列表中，我想在单击时调用带有参数的函数。我可以在不使用任何参数的情况下调用函数 downloadPdf()，但如果添加它们则不行。我认为这与引号/双引号有关。

var $li = $("<li><a href='#' onclick='downloadPdf('"+val.title+"', '"+val.url+"')'>"+val.title+"</a></li>");

我无法调试，因为我在手机上运行这个程序，所以我希望有训练有素的人能够看到这里出了什么问题。 val.title 和 val.url 都保存字符串类型的值。

Answer 1

不要使用内联事件。您正在使用 jQuery，它可以轻松附加事件

var li = $("<li><a href='#'>"+val.title+"</a></li>");
li.find("a").on("click", function(){ downloadPdf(val.title,val.url); });

<小时/>

或使用数据属性和通用 onclick 处理程序

var li = $("<li><a class='download' href='#'>"+val.title+"</a></li>");
li.find("a").data("title", val.title).data("url", val.url);

和通用点击

$(document).on("click", "a.download", function (event) {
   var anc = $(this);
   downloadPdf( anc.data("title"), anc.data("url"));
   event.preventDefault();
}