我正在尝试绑定到一个类的单击事件,但继续收到此错误:
Uncaught SyntaxError: Unexpected token ;
我的 jquery 和 HTML
function loadData() {
isLoading = true;
$('#loaderCircle').show();
$.post(apiURL, { f: 'gridview', start: pgStart, end: pgEnd, params: $("#search_basic_form_id").serialize() }, function(data){
if (data.success) {
// Create HTML for the images.
var html = '';
$.each(data.profiles, function() {
html += '<li><div class="image-wrapper">';
html += '<div class="image-options">';
html += '<a href="#" id="imgoption_'+this.user_id+'" class="favoriteButton" title="Add Favorite"><br>Favorite</a>';
html += '</div>';
html += '<a href="/view_profile.php?id='+this.user_id+'">';
html += '<img src="'+this.file_name+'" width=200px; height="'+this.height+'px" style="border:0;">';
html += '</a>';
// Image title.
html += '<p>'+this.name+' '+this.age+'</p>';
html += '<p>'+this.city+', '+this.state+'</p>';
html += '</div>';
html += '</li>';
});
// Add image HTML to the page.
$('#tiles').append(html);
// Apply layout.
applyLayout();
pgStart = data.start;
pgEnd = data.end;
}
}, "json");
};
$(document).ready(function() {
// Load first data from the API.
loadData();
$('.favoriteButton').on('click', function(e) {
e.preventDefault();
alert("Favorite Clicked");
});
...
不知道为什么我会收到此错误,但它指向 jquery 调用中的最后一个分号。