javascript - JQuery点击事件，不工作

Question

我有以下场景。

我有一个包含以下 JQuery 代码的 index.php 页面

jQuery(document).ready(function(){
    jQuery('#sIMG img').click(function() {
        var currentSRC = jQuery(this).attr('src');
        var altSRC = jQuery(this).attr('title');
        var imgID = jQuery(this).attr('id');
        var cat = jQuery(this).attr('name');


        /*Fade, Callback, swap the alt and src, fade in */
        jQuery('#main').fadeOut('fast',function() {
            jQuery('#main').load("detail.php?id="+imgID+"&category="+cat);
            jQuery('#main').fadeIn('fast');

         });
    });
});

现在我在 index.php 页面中有两个 div 标签，分别称为#main 和#right。当我单击一个菜单项时，右键更改为一堆图像，如果我单击其中一个图像，上面的代码应该生效并加载到主 div 中，但它只是不起作用。图片位于名为 sIMG 的 div 中。任何帮助将不胜感激

Answer 1

尝试使用 live

jQuery('#sIMG img').live("click",function(){
});

自 jQuery 1.7 起，.live() 方法已弃用。使用 .on()附加事件处理程序。

jQuery('#sIMG img').on("click",function(){
});