【问题标题】:.click() jquery function not working. Any ideas?.click() jquery 函数不起作用。有任何想法吗?
【发布时间】:2015-08-16 15:21:55
【问题描述】:

https://jsfiddle.net/gmz73oew/

所以我试图让它在单击按钮时增加 div 的高度。我已经让这个动画自己顺利运行,但是当我尝试通过单击按钮来实现它时遇到了问题。

  $(document).ready(function() {
    $("#button1").click(function(){
      $("#maBlock").animate({ 
         height: "950px",
         top: "0px",
      }, 2000 );
    });
  }

感谢您的帮助。

【问题讨论】:

  • 语法错误,最后错过了)。你应该在询问之前打开开发工具,看看是否有任何错误。
  • 保持开发者控制台打开!您在“就绪”处理程序之后缺少 )

标签: javascript jquery html css


【解决方案1】:

您需要在末尾添加一个括号和一个分号,以关闭$(document).ready(function() { 打开的那些:

$(document).ready(function () {
    $("#button1").click(function () {
        $("#maBlock").animate({
            height: "950px",
            top: "0px",
        }, 2000);
    });
});     //here you need the ');'

【讨论】:

  • 感谢您和其他人的发帖。我已经修复了错误,但是动画仍然无法正常工作:) 还有其他想法吗?
  • 正如你在我的小提琴上看到的那样,它现在正在工作,你能用); 制作另一个小提琴,仍然无法工作吗? @seanki
  • 太棒了!您可以通过单击左侧旁边的勾选来接受此答案,在赞成和反对箭头@seanki
【解决方案2】:

您的代码中存在语法错误 将您的js代码替换为sn-p代码

click here

  $(document).ready(function() {
    $("#button").click(function(){
      $("#maBlock").animate({ 
         height: "950px",
         top: "0px",
      }, 2000 );
    });
  });

【讨论】:

    【解决方案3】:

    你忘记了最后一行的括号和分号

    $(document).ready(function() {
       alert('ciao');
    $("#button1").click(function(){
    
      $("#maBlock").animate({ 
         height: "950px",
         top: "0px",
      }, 2000 );
    });
    });//<----- this
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-02-18
      • 1970-01-01
      • 2011-04-04
      • 2018-05-06
      • 1970-01-01
      • 1970-01-01
      • 2014-12-07
      • 2013-03-23
      相关资源
      最近更新 更多