0

(.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 プログラムの障害ですか? また、jQuery textext プラグインを使用していると言わざるを得ません。

アップデート：

最初の投稿で引用符を忘れましたが、これは問題ではありません。コードは script タグにもあります。それ以外の場合は、text-wrap div を選択できません。

テキスト提案のdivにあるすべてのものをトリガーできないという問題がまだあります。

Textext の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 : '') || '';

                    });
4

4 に答える 4

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>
于 2012-05-16T11:43:41.230 に答える
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ファイルに保存してから、一度試してください。

于 2012-05-16T11:42:03.260 に答える
1 
<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ライブラリまたはタグを見逃しましたか

于 2012-05-16T11:46:02.117 に答える
1

あなたのコードに問題はありません。ここでjsfiddle を確認してください。コードをコピーして貼り付けただけです。ページにjqueryスクリプトが含まれていないと思います。1つを含めてみてください。それで問題が解決するはずです

jsfiddle に Jquery 1.7.2 を含めました。

于 2012-05-16T11:49:36.777 に答える