jquery simple slideToggle无法按预期工作

Question

这是一个简单的切换。奇怪的是，当我点击任何地方时会发生事件。

这就是我的jquery代码：

$(document).on('click', $('#create_customer'), function(){
    $('#create_customer_form').slideToggle('slow');
    })

这是一个jsfiddle：https://jsfiddle.net/p8q0uw80/

Answer 1

您的选择器应该是这样的：

$(document).on('click', '#create_customer', function(e){
    $('#create_customer_form').slideToggle('slow');
});

更新了你的小提琴

https://jsfiddle.net/p8q0uw80/5/

Answer 2

$(document).on('click','#create_customer', function(){
$('#create_customer_form').slideToggle('slow');
});

Answer 3

尝试this

$(document).ready(function(){
$('#create_customer').click(function(){
    $('#create_customer_form').slideToggle('slow');
    });

} );

你可以简单地做

$(document).on('click', '#create_customer', function(){
    $('#create_customer_form').slideToggle('slow');
    })