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);  
       });
    });
})