html - jQuery 点击函数和列表项

Question

最近，我遇到了 jQuery 点击事件的问题。在此示例中，我想在用户单击列表项时使用 ajax post。 Firebug 上没有弹出错误，jquery 脚本在代码中。当我运行代码时，没有任何反应。代码如下。

<script type="text/javascript" >
$('#pop').click(function() {
var pop = 'pop';
$.post('ajax_file.php', {
    style: pop
    }, function(data) {
        $('#tube').html(data);  
        });});
</script>

<ul>
    <li id="pop">Pop</li>
</ul>

Answer 1

试试这个:

$(document).ready(function(){
   $('#pop').click(function() {
       var pop = 'pop';
       $.post('ajax_style_homepage.php', {
         style: pop
       }, function(data) {
           $('#tube').html(data);  
       });
    });
})