我在 div 中有一个 link_to '#'，点击时应该触发表单中的淡入淡出。
<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(){}) 但结果相同。
那么我在这里做错了什么？
最佳答案
尝试下面的代码。使用 'javascript:;' 而不是 '#' 作为 href。
<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");
});
})
此外，我无法在您发布的代码中找到与此选择器匹配的输入标记此选择器 $('input[name*="agree"]')
关于javascript - 点击不会触发jquery函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35647436/