为什么$('#id').click函数不起作用
Why is $('#id').click function not working
它在本地主机上运行良好,但在服务器上不起作用。
当我点击"开始免费试用"锚文本时,它不起作用。警报没有显示。可能是什么问题?
<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(){});
-不工作
如有任何帮助,我们将不胜感激。
编辑:通过添加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>
JS:
$(function() {
$('#activator3').click(function(e) {
e.preventDefault();
alert('huan');
});
});
https://jsfiddle.net/4z871dp2/1/
在Fiddle中,您忘记添加jQuery,并且将JavaScript代码放错了位置。
如果你修复了这两件事,你的代码就会正常工作!
Demo
$(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>
(另请参见固定Fiddle)
相关文章:
- 将代码放入click函数时出现javascript问题
- 如何在javascript中使用click函数选择数组元素
- .replaceWith 无法使用 .click 函数加载另一个值
- jQuery-click函数不适用于使用innerHTML动态生成的按钮
- .click 函数仅适用于断点
- jQuery 'this' 跟随一个 .find click 函数
- 如何在 ng-click 函数中更改$rootScope值
- 尽管使用了off,click函数仍会触发,这可能也会导致数组问题
- 如何在文档准备函数中调用变量的click函数
- 如何将.click函数与覆盖一起使用
- 未找到ng-click函数中的参数
- 如果else为Angular,则使用ng click函数重复ng
- 为什么$('#id').click函数不起作用
- jQuery .click 函数在 < td > 标签上不起作用
- 更改 NG-Click 函数
- AngularJS将$scope变量传递给ng-click函数
- 使 ng-click 函数通用以添加行
- 在jQuery中使用.click函数将HTML按钮定向到不同的配置文件
- 多个 $(“selectort”).click (函数 () 如果然后构造不起作用
- 外部js click函数在Chrome / Safari中不起作用