点击不会触发jquery功能

Question

我有一个link_to '#'内div应该触发淡入淡出的表单，点击。

<div id="atendees-wrap"> 

    <%= f.simple_fields_for :atendees do |a| %> 

    <div class="expandable-members"> 
     <%= link_to 'Membrul', '#', class: 'trigger' %> 
    </div> 

    <div id="primary-info"></div> 
    <div id="secondary-info"></div> 

    <% end %> 
</div> 

问题是，它不会事件进入函数。 这里的js代码：

//= require jquery 
//= require jquery_ujs 

$(document).ready(function(){ 

    $('#atendees-wrap').find('.expandable-members').click(function() { 
    debugger 
    $('#primary-info, #secondary-info').fadeIn("slow"); 
    }); 

}) 

也是一样的：

$('input[name*="agree"]').click(function() { 
    if ($(this).is(':checked')) { 
    console.log("clicked"); 
    $('input[type="submit"]').removeAttr('disabled'); 
    } else { 
    $('input[type="submit"]').attr('disabled', 'disabled'); 
    } 
}); 

我试着用mouseup和on("click", function(){})，但同样的结果。

那么我在这里做错了什么？

Answer 1

请尝试以下代码。 href使用'javascript:;'而不是'＃'。

<div id="atendees-wrap"> 

    <%= f.simple_fields_for :atendees do |a| %> 

    <div class="expandable-members"> 
     <%= link_to 'Membrul', 'javascript:;', class: 'trigger' %> 
    </div> 

    <div id="primary-info"></div> 
    <div id="secondary-info"></div> 

    <% end %> 
</div> 

而且

//= require jquery 
//= require jquery_ujs 

$(document).ready(function(){ 

    $('#atendees-wrap .expandable-members').click(function() { 
    $('#primary-info, #secondary-info').fadeIn("slow"); 
    }); 

}) 

而且我无法找到输入标签在可以通过切换到发布

Answer 2

我固定它的代码此选择$('input[name*="agree"]')这个选择匹配：

$(document).on('click', '#atendees-wrap .expandable-members', function (e) { 
    e.preventDefault() 
    $('#primary-info, #secondary-info').slideToggle("slow"); 
});