Question

嗨，我是JQuery.i的新手。我遇到了点击事件的问题。当temearea_div传递参数（classname）并执行clearfunction时，我将rightclick作为容器。将Html内容复制到tempaarea_div .i在单击具有特定索引的类时出现问题。点击不是识别。任何人都可以解决我的问题。如何让选择器识别具有特定索引的点击。提前谢谢

这是我的Html代码

 <div class="temparea_div"> 
 <img src="img/Img_01.png"/>
 </div>
    <div class="Maintain_submenu_nav_02" style="display: none;">
    <div class="maintainence_image_02"></div>
    <div class="maintainence_image_02" style=" left: 22.2%;top: 32.7%;"></div>
    <div class="maintainence_image_02" style="top: 35.7%;top:42.7%"></div>
    <div class="maintainence_image_02" style="top: 35.7%;top:53.7%"></div>
    <img src="img/Img_02.png"/>    
 </div>

我的JQuery代码

$('.rightclick').bind(function(){

    clearfunction('Maintain_submenu_nav_02');
});   

var clearfunction=function(e){
    $(".temparea_div").empty();
     $('.'+e).show();
      $(".temparea_div").html($('.'+e).html());
      $('.'+e).hide();

};

这不是识别点击

$('.maintainence_image_02:eq(1)').bind('click', function() {
            $('.maintainence_image_02:eq(1)').css("border", "1px solid #00FFFF");
            maintaincesubmenu = true;
        });

我使用了这个，但是当点击temparea_div然后.maintainence_image_02：eq（1）调用

 $('.temparea_div').bind('click','.maintainence_image_02:eq(1)', function() {
        $('.maintainence_image_02:eq(1)').css("border", "1px solid #00FFFF");
        maintaincesubmenu = true;
    });

Answer 1

尝试：

$('.temparea_div').on('click','.maintainence_image_02:eq(1)', function() {
    $('.maintainence_image_02:eq(1)').css("border", "1px solid #00FFFF");
    maintaincesubmenu = true;
});

Answer 2

如果右键单击，那么：

$('.rightclick').bind(function(){

    clearfunction('Maintain_submenu_nav_02');
});

Jquery复制了具有特定索引的html类，无法识别click事件

2 个答案: