jquery簡單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'); 
    })