【问题标题】:jQuery - [ERROR] . after argument list [closed]jQuery - [错误]。在参数列表之后[关闭]
【发布时间】:2018-06-06 21:45:53
【问题描述】:

我正在显示一个浮动菜单栏。它工作正常,但我收到以下编译错误:

[错误] ...\src\main\webapp\resources\js\util\modules\floating-j-menu.js:line 29:column 15:syntax error
menuPosition=$('#menuJF').position().top + 485; [错误] ...\src\main\webapp\resources\js\util\modules\floating-j-menu.js:line 31:column 1:syntax error [错误] ...\src\main\webapp\resources\js\util\modules\floating-j-menu.js:line 1:column 0:Compilation 产生了 5 个语法错误。

请帮我看看这里的错误。

$(window).load(function() {
  if ($("body").height() > $(window).height() - 41) {    
    $('#menuJF').removeClass('hide');
  }
  menuPosition = $('#menuJF').position().top + 485;
  FloatMenu();
});

$(window).scroll(function() {
  FloatMenu();
  if ($(window).scrollTop() + $(window).height() > $(document).height() - 41) {
    $('#menuJF').addClass('hide');
  } else {
    $('#menuJF').removeClass('hide');
  }
});

【问题讨论】:

  • 请花时间整理您的问题。坦率地说,在我编辑之前,这是一个难以理解的混乱
  • 从错误来看,您的代码中似乎有一些无效的不可见的不间断空格字符导致了问题。我建议删除它们
  • 请提供 HTML 以供比较。
  • HTML 代码:
  • 请使用问题下方的edit按钮添加

标签: javascript jquery css


【解决方案1】:

您到处都有语法错误。

您可以在错误floating-j-menu.js:line 26:column 26:missing ) after argument list 中看到一些放错位置的括号等。

这是您的代码:


if ($("body").height() > $(window).height() - 41) {
  $('#menuJF').removeClass('hide');
}


menuPosition = $('#menuJF').position().top + 485;
//FloatMenu();

$(window).scroll(function() {
  //FloatMenu();
  if ($(window).scrollTop() + $(window).height() > $(document).height() - 41) {
    $('#menuJF').addClass('hide');
  } else {
    $('#menuJF').removeClass('hide');
  }
});
#menuJF {
  border: 1px solid;
  height: 1500px;
  background: red;
}

.hide {
  opacity: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menuJF">
  this is my menu
</div>


我还注释掉了 floatMenu() 函数,因为您没有提供它的功能。

【讨论】:

  • 函数 FloatMenu(){ var animationSpeed=1500; var animationEasing='easeOutQuint'; var scrollAmount=$(document).scrollTop(); var newPosition=menuPosition+scrollAmount; if($(window).height()
  • HTML 和 CSS 也请。
  • CSS: #menuJF { 宽度: 30px;高度:自动;位置:绝对; z 指数:10;左边距:-38px;顶部:0px;左:自动;文本对齐:居中;填充:4px 2px 3px 4px;背景颜色:$灰色-e;字体大小:22px; /* 圆角 / -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px;边框半径:8px 0px 0px 8px; / BORDER /border: 1px solid $brand-color-1;右边框:0px; / 注意:上面的边界是 |顶部 |对 |底部 |左 */ a { 颜色:$brand-color-1;字体大小:22px; } }
  • 虽然我确实要求包含额外信息,但请将其添加到您的实际帖子中以将此信息提供给其他人。
  • 是的,因为没有编译不间断的空格字符。现在它工作正常。 -谢谢亚历克斯
猜你喜欢
  • 2018-03-09
  • 1970-01-01
  • 2021-05-08
  • 1970-01-01
  • 1970-01-01
  • 2018-01-11
  • 1970-01-01
  • 2017-10-10
  • 1970-01-01
相关资源
最近更新 更多