jquery는 div 클릭을 인식하지 못합니다.

다음 코드가 있습니다. 제 문제는 div 마야를 클릭하면 jquery가 그것을 인식하지 못하기 때문에 경고 메시지가 표시되지 않습니다.jquery는 div 클릭을 인식하지 못합니다.

CSS

<style> 
    #carousel-single-image { 
    width: 320px; 
    height: 400px; 
    margin: 0 auto; 
    background: white; 
    } 
    #carousel-single-image .touchcarousel-container { 
    height: 100%; 
    background: url("../touchcarousel/demo-images/wood-pattern.jpg") repeat; 
    } 
    #carousel-single-image .touchcarousel-item { 
    margin-right: 0; 
    width: 400px; 
    height: 400px; 
    } 
    #carousel-single-image img { 
    width: 300px; 
    height: 360px; 
    margin: 32px 0 0 8px; 
    float:left; 
    position: relative; 
    display: block; 
    padding: 3px; 
    background: transparent; 
    border: 0; 
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.6); 
    box-shadow: 0 1px 6px rgba(0,0,0,0.6); 
    } 
    #carousel-single-image .tc-paging-container { 
    margin-top: -380px; 
    } 
</style>

HTML

<div id="productGallery" style="display:none"> 
    <div id="main-body"> 
     <div id="carousel-single-image" class="touchcarousel minimal-light"> 
     <ul class="touchcarousel-container"> 
      <li class="touchcarousel-item"> 
       <a href="#"> <img data-original="/image1.jpg" /> 
       <span class="maya">CheckClick</span></a> 
      </li> 
      <li class="touchcarousel-item"> 
       <a href="#"> <img data-original="/image2.jpg" /> 
       <span class="maya">CheckClick</span></a> 
      </li> 
     </ul> 
     </div> 
    </div> 
</div>

스크립트

$('.maya').click(function(){ 
alert("hi"); 
});

출처

2012-10-01 Autolycus

jQuery를 포함하고 있습니까? jQuery 코드가'

working HERE 작동 바이올린 인 것 같다 전체 컨테이너에 표시 없음 스타일은 그래서 그것을 http://jsfiddle.net/wcLn4/

당신의 CSS를 http://jsfiddle.net/wcLn4/1/와 디스플레이 것도없이이 일을 볼 수 있습니다

출처

2012-10-01 19:06:10 Huangism

jquery는 div 클릭을 인식하지 못합니다.

관련 문제