【问题标题】:Please check jQuery syntax [closed]请检查 jQuery 语法 [关闭]
【发布时间】:2014-10-17 08:56:33
【问题描述】:

如果有人告诉我下面的代码是否有正确的语法,我将不胜感激。

jQuery(document).ready(function ($) { 
  var sliderHeight = $(window).height() - $('.slider').position().top;
  $('.slider').css({'height': sliderHeight});
  $('.landing-title').css({'top': $('.slider').height() / 2 - $('.landing-title').height() / 2}) ;
  $(window).resize(function() {
    sliderHeight = $(window).height() - $('.slider').position().top;
    $('.slider').css({'height': sliderHeight }); 
    $('.landing-title').css({'top': $('.slider').height() / 2 - $('.landing-title').height() / 2});
  });
}

【问题讨论】:

  • 你测试了吗?您收到错误消息吗?你为什么担心?
  • JS 对我来说是新事物,我希望有 100% 的把握。我如何测试它?它仍然有效
  • 您可以通过将其保存为文件(带有标题、jQuery 链接和正文)在您的计算机上对其进行测试,您可以将它放在您的服务器上,您可以创建一个小提琴...
  • 您获取代码,将其放在页面上,加载页面并查看浏览器控制台是否抛出任何错误。或者直接打开控制台,粘贴代码。在您的情况下:SyntaxError: missing ) after argument list。阅读这些文章到learnhow todebug JavaScript,这样你就可以自助了。
  • 这个问题似乎离题了,因为它更多的是关于代码审查而不是具体问题。

标签: javascript jquery


【解决方案1】:

最后一个括号可能是错误的

可以像下面这样 });

【讨论】:

    【解决方案2】:

    代码在语法上是错误的,因为您混淆了函数结束大括号。 下面是句法操作的代码。希望对您有所帮助。

    jQuery(document).ready(function ($) {
        var sliderHeight = $(window).height()-$('.slider').position().top;
        $('.slider').css({ 'height': sliderHeight });
        $('.landing-title').css({ 'top': $('.slider').height()/2 - $('.landing-title').height()/2 }) ;
    });
    
    $(window).resize(function(){ sliderHeight = $(window).height()-$('.slider').position().top;
        $('.slider').css({ 'height': sliderHeight });
        $('.landing-title').css({ 'top': $('.slider').height()/2 - $('.landing-title').height()/2 }) ; 
    });
    

    【讨论】:

    • 但现在它不起作用。当我将 window.resize 放在 document.ready 中时它起作用了...
    • 请分享HTML文件的链接,我会为您提供更好的帮助。
    猜你喜欢
    • 2023-03-06
    • 2010-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-27
    • 2012-07-26
    • 2014-08-17
    • 1970-01-01
    相关资源
    最近更新 更多