Question

它在localhost上完美运行，但它在服务器上不起作用。

当我点击“开始免费试用”锚文本时，它不起作用。警报未显示。可能是什么问题？

<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>

以下是 Fiddle

注意

我试过了：

添加document.ready()以包装脚本 - 无法正常工作
$('#activator3').on('click', function(){}); - 无法正常工作

任何帮助都将不胜感激。

Answer 1

我认为你缺少Jquery参考。在您的文件中包含以下代码。

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

Answer 2

你确定在JS之前加载了jQuery吗？

应该工作。

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

JS：

$(function() {
   $('#activator3').click(function(e) {
     e.preventDefault();

     alert('huan');

   });
 });

https://jsfiddle.net/4z871dp2/1/

Answer 3

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

如果你解决了这两件事，你的代码就可以了！

演示

$(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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<a href="javascript:void(0)" style="" class="activator3" id="activator3"><div id="indexpack2" style="">Start Free Trial</div></a>

（另见the fixed Fiddle）

$（'＃id'）。点击功能无效

注意

3 个答案:

演示