jQuery 선택 스팬 클래스가 작동하지 않습니다.

Question

(.class) 선택기를 사용하여 범위를 선택하려고했으나 작동하지 않는 이유가 하나 있습니다.

<div class="text-wrap"> 
<div class="text-list"> 
    <div class="text-suggestion"> 
    <span class="text-label">Lorem</span> 
    </div> 
</div> 
</div> 

jQuery(document).ready(function() { 

     jQuery('.text-label').click(function(e){ 
      alert('lol'); 
     }); 
}); 

난 단지 .. 다른 사람이 작동하지 않습니다-는 .text 래퍼 선택할 수 있습니다 이것은 jQuery를 프로그램의 잘못? 나는 또한 jQuery textext plugin을 사용하고 있다고 말해야한다.

UPDATE :

내가 내 첫 번째 게시물에 따옴표를 잊었 그러나 이것은 문제가되지 않습니다. 코드는 스크립트 태그에도 있습니다. 그렇지 않으면 text-wrap div를 선택할 수 없습니다.

나는 여전히 텍스트 제안 div에있는 모든 것이 실행될 수 없다는 문제가 있습니다.

나는 Textext

에서 주석 afther ANOTHER 업데이트 textext 플러그인을 사용하고 있습니다 :

jQuery("#customfield_10000").keyup(function(e){ 
          teller = teller + 1; 
          if(teller % 2 == 0){ 
          if(e.keyCode == 13) 
          { 
           jQuery("#customfield_10001").focus(); 
          }  

      crmAccount = jQuery(this).val(); 
      lijstAccounts.length = 0; 

        jQuery.ajax({ 
         url: "http://"+serverIp+"/getAllAccountNamesJsonP?jsonp_callback=?", 
         dataType: 'jsonp', 
         jsonp: "jsonp_callback", 
         data: { 
          featureClass: "P", 
          style: "full", 
          maxRows: 12, 
          name_startsWith: jQuery(this).val(), 
                  crm_acc: crmAccount, 
          }, 
          success: function(data) { 
           lijstAccounts.length = 0; 
           jQuery.map(data, function(item) { 
                  lijstAccounts.push(item); 
                  jQuery('#customfield_10000').trigger(
                   'setSuggestions', 
                  { result : textext.itemManager().filter(lijstAccounts, query) } 
                  );    
            return { 
             label: item.label, 
             value: item.value  
            } 
           }); 
          } 
         }); 
          } 
     }); 

jQuery('#customfield_10000').textext({ 
       plugins : 'autocomplete' 
       }).bind('getSuggestions', function(e, data) 
        { 

         textext = jQuery(e.target).textext()[0], 
         query = (data ? data.query : '') || ''; 

        }); 

Answer 1

코드에 아무런 문제가 보이지 않습니다. jsfiddle here을 확인하십시오. 코드 사본을 붙여 넣기 만하면됩니다. 나는이 페이지에 jquery 스크립트가 없다고 생각합니다. 하나를 포함 시키면 문제가 해결됩니다.

포함 된 Jquery 1.7.2.

Answer 2

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<div class="text-wrap"> 
<div class="text-list"> 
    <div class="text-suggestion"> 
    <span class="text-label">Lorem</span> 
    </div> 
</div> 
</div> 
<script> 
jQuery(document).ready(function() { 

     jQuery('.text-label').click(function(e){ 
      alert('lol'); 
     }); 
}); 
</script> 

난 당신이 JQuery와 스크립트는 이것을 시도 포함 깜빡 한 생각을 ... 전체 스크립트를 복사하고 저장 그것을 .html 파일로 한 번 시도하십시오.

Answer 3

귀하의 질의는 <script> 태그 내에 있어야합니다. 또한 필요에 따라 따옴표를 추가하십시오.

<div class="text-wrap"> 
<div class="text-list"> 
    <div class="text-suggestion"> 
    <span class="text-label">Lorem</span> 
    </div> 
</div> 
</div> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
    $('.text-label').click(function(e)){ 
     alert('lol'); 
    } 
}); 
</script> 

Answer 4

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<div class="text-wrap"> 
<div class="text-list"> 
    <div class="text-suggestion"> 
    <span class="text-label">Lorem</span> 
    </div> 
</div> 
</div> 
<script> 
jQuery(document).ready(function() { 

     jQuery('.text-label').click(function(e){ 
      alert('lol'); 
     }); 
}); 
</script> 

나와 함께 잘 작동합니다. jquery 라이브러리 나 태그를 놓친 적이 있습니까?