Question

我已添加表单，我想要选择此人，所选人员将在DIV中显示（addcontact）。当我点击选择联系人时，将打开一个弹出窗口，然后我将从弹出窗口中选择联系人。

当我在控制台中使用我的jQuery代码时，它适用于我，但同时它不起作用。

    <div id = "addcontact"></div>
      <?php echo $this->Html->link(__('Select Contact'),
         array('controller' => 'opportunities', 
             'action' => 'contact_search1', 'full_base' => true),
                 array('id'=>'contact-popup', 'class' => 'green-btn')) ?>

当用户点击下面的链接时，文本应显示在上面的div中。因为我写了jQuery。我已经提到了很多链接，但没有为我工作。

<?php echo $this->Html->link($contactsearchs['Lead']['first_name'].' 
 '.$contactsearchs['Lead']['last_name'] , 'javascript:void(0);', 
  array('id' => 'connam', 'class' => 'test', 
        'lid1' => $contactsearchs['Lead']['id'])); ?>

这是jQuery

$(document).on('click', '.test a', function(e){
    var conName1 = jQuery(this).html();
    var lid1 = jQuery(this).attr('lid1');
    jQuery('#addcontact').html(conName1);
    jQuery('#OpportunityConLeadID').val(lid1);
    $.colorbox.close();
     e.preventDefault();
    alert(conName1+"=="+lid1);
});

任何人都可以帮我解决这个问题吗？

Answer 1

您的选择器不应该是$(document).on('click', 'a.test', function(e){吗？（如a.test而不是.test a？

点击链接后是否收到提醒？

Answer 2

必须是.test选择器或a.test，请参阅jsfiddle

原因：选择器.test a表示：带有子元素的“test”类的元素 a

a class"test"...是a类和test类的元素，因此不匹配.test a。

反向测试：<p class="test"><a ...正在触发事件，正如小提琴中所见。

事件不是在jQuery中触发

2 个答案: