PreventDefault给出一个TypeError

Question

这是我的代码行：

var $hotlinePanel = $('#hotlines-panel');
var $hotlineTile = $('#redirects-tile-6 .redirect-overlay');
$hotlineTile.on('click', togglePanel(event));
function togglePanel(event){
    event.preventDefault();
    $hotlinePanel.toggleClass('open');
};

这是控制台的错误：

未捕获的类型错误：无法读取未定义的属性"preventDefault"

我做错了什么？

Answer 1

只需做一些更改，如下所示：

$hotlineTile.on('click', togglePanel);  // remove-(event), call function with name only - function declaration
// function defination
function togglePanel(e){
    e.preventDefaut();
    $hotlinePanel.toggleClass('open');
};

更新：

注意：preventDefault()方法不会阻止事件通过DOM传播。使用stopPropagation()方法来处理此问题。