jQuery select span class not working

Question

Im пытается выбрать диапазон с помощью селектора (.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-wrapper, другие не работают .. это ошибка программы jQuery? Я также должен сказать, что im использует плагин jQuery textext.

UPDATE:

Я забыл кавычки в моем первом посте, но это не проблема. Код также находится в теге скрипта, иначе было бы невозможно выбрать div-text-wrap.

У меня все еще есть проблема, что все, что есть в тексте предложения div, не может быть запущено.

Я использую textext плагин от Textext

ДРУГОЙ UPDATE afther комментарий:

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, включенного в страницу. Попробуйте включить один, и это должно решить вашу проблему.

в jsfiddle включил 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 или теги