jQuery的點擊（）函數不工作

Question

<ul> 
    <li id="one"></li> 
    <li id="two"></li> 
    <li id="three"></li> 
    <li id="four"></li> 
    <li id="five"></li> 
    <li id="six"></li> 
    <li id="seven"></li> 
    <li id="eight"></li> 
</ul> 

腳本

$.getJSON("data.php", function(data) { 
    var items = []; 
    $.each(data, function(i, val) { 
     $("#" + i).html("<a href='javascript:void(0);' class='hov'>" + val + "</a>"); 
    }); 
}); 
$('.hov').click(function() { 
    alert("Handler for .click() called."); 
}); 

data.php是：

{ 
    "one": "yahoo", 
    "two": "gooogl", 
    "three": "bing", 
    "four": "ebay", 
    "five": "ask", 
    "six": "gmail", 
    "seven": "alexa", 
    "eight": "example", 
    "nine": "ymail" 
} 

Answer 1

您需要的元素被加載後，單擊處理程序綁定，

$.getJSON("data.php", function(data) { 
    var items = []; 
    $.each(data, function(i, val) { 
     $("#" + i).html("<a href='javascript:void(0);' class='hov'>" + val + "</a>"); 
    }); 
    $('.hov').click(function() { 
     alert("Handler for .click() called."); 
    }); 
}); 

其他選項是使用代表。那麼你的代碼就會像，

$.getJSON("data.php", function(data) { 
    var items = []; 
    $.each(data, function(i, val) { 
     $("#" + i).html("<a href='javascript:void(0);' class='hov'>" + val + "</a>"); 
    }); 

}); 
$(document).on('click', '.hov', function() { 
    alert("Handler for .click() called."); 
});