Javascript 为什么$（'；#id'；）不起作用。单击函数不起作用

它在本地主机上运行良好，但在服务器上不起作用

当我点击“开始免费试用”锚文本时，它不起作用。警报没有显示。有什么问题吗

<script>
 $(function() {
        $('#activator3').click(function(){
            alert('huan');
            $('#overlays3').fadeIn('fast',function(){
                $('#boxs3').animate({'top':'80px'},500);
            });
        });
        $('#boxclose3').click(function(){
            $('#boxs3').animate({'top':'-500px'},500,function(){
                $('#overlays3').fadeOut('fast');
            });
         });

    });
</script>

<a href="javascript:void(0)" style="" class="activator3" id="activator3">
<div id="indexpack2" style="">Start Free Trial</div>
</a>

$（函数（）{
$（'#activator3'）。单击（函数（）{
警惕（“欢”）；
$（'#overlys3'）.fadeIn（'fast'，function（）{
$（'boxs3'）。动画（{'top'：'80px'}，500）；
});
});
$（'#boxclose3'）。单击（函数（）{
$（'#boxs3'）。动画（{'top'：'-500px'}，500，function（）{
$（“#overlys3”）.fadeOut（'fast'）；
});
});
});

这是

---

注 我试过：

添加

document.ready（）

以包装脚本-不工作

$（'#activator3'）。在（'click'，function（）{}）上-不工作

任何帮助都将不胜感激

---

编辑：通过添加JQUERY解决了这个问题，我认为您缺少JQUERY引用。在您的文件中包含以下代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

---

您确定在加载JS之前加载jQuery吗

应该有用

<a href="#" style="" class="activator3" id="activator3">
  <div id="indexpack2" style="">Start Free Trial</div>
</a>

---

在您的小提琴中，您忘记添加jQuery，并且您将JavaScript代码放在了错误的位置

如果您解决了这两个问题，那么您的代码就可以正常工作

---

演示

$（函数（）{
$（'#activator3'）。单击（函数（）{
警惕（“欢”）；
$（'#overlys3'）.fadeIn（'fast'，function（）{
$（'boxs3'）。动画（{'top'：'80px'}，500）；
});
});
$（'#boxclose3'）。单击（函数（）{
$（'#boxs3'）。动画（{'top'：'-500px'}，500，function（）{
$（“#overlys3”）.fadeOut（'fast'）；
});
});
});

如果您先添加jquery，效果很好。您好，我已经看到了您的JSFIDLE代码，有一个带有设置图标的选项，请选择jquery作为库。代码中没有加载库。正如您看到的firebug控制台一样，您将得到以下错误
uncaughtreferenceerror:$未定义
Check here updated:@AshwinP是的，我忘了在小提琴中包含Jquery库。道歉很管用！谢谢。：）@谢谢你！我真傻/这些问题是否存在于特定浏览器中？还是所有浏览器？我忘了包括Jquery库。谢谢@Pimskie。我真傻——简单的事情最难抓住。谢谢@maulik Sakhareit我很乐意帮助：）
$(function() {
   $('#activator3').click(function(e) {
     e.preventDefault();

     alert('huan');

   });
 });