CSS 선택기가 작동해도 클릭 기능이 작동하지 않습니다.

Question

친구가 쓴 php 코드로 추가 된 .thumb 클래스의 모든 축소판 갤러리가 있습니다. 간단한 클릭 기능을 추가하려고 시도했습니다.

$('.thumb').click(function () { 
     console.log('test'); 
    }); 

그리고 아무 것도 기록하지 않습니다. 우리가 php으로 전환하기 전에 이것을 시도했지만 여전히 작동하지 않았습니다.

<div id="navbar"> 
<img src="images/sig.png"> 
<ul> 
    <li id="port"><a>Portfolio</a></li> 
    <ul id="inner"> 
    <?php 
    $dir = opendir("images/portfolio"); 
     while ($dosya = readdir($dir)){ 
      if(substr($dosya,-1)!="." and is_dir("images/portfolio/".$dosya)){ 
        if(file_get_contents("images/portfolio/".$dosya."/active.dl") == 'active'){ 

    ?> 
     <li class="galleryActivator" cats="<?=$dosya?>"><a href="#"><?=file_get_contents("images/portfolio/".$dosya."/name.dl")?></a></li> 

    <?php }} 
     }?> 
    </ul> 
    <li><li><a href="#">Events</a></li></li> 
    <li><a href="#">About</a></li> 
</ul> 

</div> 

<div id="main"> 
<div id="thumbnails"> 
</div> 
</div> 

그리고 스크립트 :

(function(){ 
    $('#inner').hide(); 
    $('#main').hide(); 
    $('#slideshow').hide(); 

    $('#port').click(function(){ 
     $('#inner').slideToggle(200); 
     console.log('test'); 
    }); 

    $('.galleryActivator').click(function() { 
     $("#main").hide(); 
     $("#main img").remove(); 

     var category = $(this).attr('cats'); 
     var catSrc = "images/portfolio/" + category + "/files/"; 
     var size = $(this).attr("data-size"); 
     console.log(size); 

     var $thumbnails = $("#thumbnails"); 


      $thumbnails.load("albumler.php?adres="+category); 



     $('#main').fadeIn(200); 
    }); 

    $('.thumb').click(function () { 
     console.log('test'); 
    }); 

})(); 

Answer 1

당신이 가진 당신의 위의 HTML에 아무 것도 필요 없다

다음은 관련 html 코드입니다 (그 당시 이미지가 jQuery로 가져온) thumb

그러나 일단 문서를 추가하면 준비가 완료됩니다.

Answer 2

섬네일을 동적으로로드하는 것 같습니다. 다음과 같이 이벤트 핸들러를 설정해야합니다.

$(document).on("click", ".thumb", function () { 
    console.log('test'); 
});