jQuery-shake-on-clik-on-div-shake无论我在哪里单击

我试图在单击div本身时使

抖动，但到目前为止，无论我在页面上的何处单击，所述

都会抖动

这是我的密码：

#端口二{
颜色：白色；
背景：黑色；
高度：250px；
边缘底部：10px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
调整大小：垂直；
文本对齐：居中；
字体大小：35px！重要；
字体系列：“Exo”，无衬线字体！重要；
字体重量：200！重要；
}

$（文档）。单击（函数（）{
美元（“#端口二”）。效果（“震动”）；
});
这是当它自己被点击时应该震动的东西。现在，无论单击何处，它都会抖动：（

这只是因为您将事件处理程序附加到了

文档中。要执行所需操作，应将其附加到
#port two
元素。请尝试以下操作：


#端口二{
颜色：白色；
背景：黑色；
高度：250px；
边缘底部：10px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
调整大小：垂直；
文本对齐：居中；
字体大小：35px！重要；
字体系列：“Exo”，无衬线字体！重要；
字体重量：200！重要；
}

$（函数（）{
$（“#端口二”）。单击（函数（）{
美元（本）。效果（“震动”）；
});
});
现在只有在单击时它才会抖动：）
您已将单击事件添加到“文档”中，而不是添加到元素中。
我还建议您封装任何相关的内容
使用$（document）连接到DOM。准备就绪

明亮的我是一个完全的新手，在FreeCodeCamp上关注这个节目。我已经绞尽脑汁想了一两个小时了。我在某处读到文件附件是我需要做的事情，但我记不起为什么了。我想我最好再检查一下文档。没问题，很乐意帮忙。关于文档，您需要在文档准备就绪时运行代码-这就是
$（function（）{}）正在上面我的代码中执行。附加事件时，它们应放置在将引发该元素的元素上（如果事件在DOM中冒泡，则放置在父元素上）
$(document).ready(function() {
    $( "#port-two" ).click(function() {
        $(this).effect( "shake" );
    });
});