Question

我有以下情况。

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

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页面中有两个名为#main和#right的div标签。当我点击一个菜单项时，右键更改为一堆图像，如果我点击其中一个图像，上面的代码应该生效并加载到主div中，但它只是不起作用。图像位于名为sIMG的div中。任何帮助将不胜感激

Answer 1

尝试使用 live

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

从jQuery 1.7开始，不推荐使用.live（）方法。使用.on()附加事件处理程序。

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

Answer 2

我认为你正在做的是在那里返回的数组上设置“click”。试试这个：

jQuery('#sIMG img').each(function() {
    jQuery(this).click(function() {

    });
});

Answer 3

jquery点击不起作用的一个原因是你在表单中对id进行了重复。

JQuery单击事件，无法正常工作

3 个答案: