javascript - 在事件中使用 jquery 时出现意外标记

Question

我尝试绑定(bind)到类的单击事件，但仍然收到此错误:

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 调用中的最后一个分号。

Answer 1

啊，我想明白了。尝试此操作以准备好您的文档:

$(document).ready(function() {

差异在于缺乏新意。