小编Yas*_*ass的帖子

forEach不是JavaScript数组的函数错误

我想做一个简单的循环:

const parent = this.el.parentElement
console.log(parent.children)
parent.children.forEach(child => {
  console.log(child)
})
Run Code Online (Sandbox Code Playgroud)

但是我收到以下错误:

VM384:53未捕获的TypeError:parent.children.forEach不是函数

尽管parent.children日志:

在此输入图像描述

可能是什么问题呢?

注意:这是一个JSFiddle.

javascript ecmascript-6 vue.js

104
推荐指数
9
解决办法
19万
查看次数

HTML5,JavaScript和在画布中绘制多个矩形

为什么我的多个矩形不会画在画布上?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
    <script src="Scripts/jquery-1.9.1.min.js"></script>
  </head>
  <body>
    <canvas id="myCanvas" width="500" height="500" style="border:1px solid red">
      <p>Your browser doesn't support canvas.</p>
    </canvas>
  </body>
</html>

<script type ="text/javascript">  
  function Shape(x, y, w, h, fill) {
    this.x = x;
    this.y = y;
    this.w = w;
    this.h = h;
    this.fill = fill;
  }

  // get canvas element.
  var elem = document.getElementById('myCanvas');

  // check if context exist
  if (elem.getContext) {

    var myRect = [];

    myRect.push(new Shape(10, 0, 25, 25, "#333"))
    myRect.push(new Shape(0, …
Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas html5-canvas

9
推荐指数
1
解决办法
2万
查看次数

rails 4填充数据库中的下拉值

我有一个下拉列表:

<%= f.select :lists, [["test1", 1], ["test2", 0]] %>
Run Code Online (Sandbox Code Playgroud)

这工作正常但我怎么能让它动态.(与模型数据交互)

我有一个包含动作的控制器 @list = List.all

我怎么能填充idname我的combobox.我一直在寻找,但我不清楚它.任何人都可以帮助>

ruby-on-rails ruby-on-rails-3

8
推荐指数
1
解决办法
2万
查看次数

光滑的旋转木马slickGoTo不起作用

我正在使用光滑的旋转木马类作为滑块.HTML:

<div class="map">
  <div>
    <div class="step">
      <div class="m_left"><a href="#" class="next-slide">?nextPage</a></p>
      </div>
      <div class="m_right"><img src="/bindella/images/map_tsc.jpg"></div>
    </div>
  </div>
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>
</div>  
Run Code Online (Sandbox Code Playgroud)

JS:

$(document).ready(function() {
  $('.map').slick({
    centerMode: true,
    adaptiveHeight: true
  });

  $('.next-slide').click(function() {
    $('.map').slickGoTo(1);
  });
});     
Run Code Online (Sandbox Code Playgroud)

该功能slickGoTo不起作用.怎么了?

jquery

8
推荐指数
2
解决办法
1万
查看次数

鼠标悬停在slick.js滑动时不要立即停止

当我设置speed: 1000,pauseOnHover工作正常但是一旦我设置它speed: 10000,pauseOnHover不能立即工作 - 它几秒后工作.

码:

$('#featured_credits').slick({
      infinite: true,
      arrows: true,
      slidesToShow: 4,
      slidesToScroll: 4,
      autoplay: true,
      autoplaySpeed: 0,
      speed: 1000,
      cssEase: 'linear',
      pauseOnHover: true,
      pauseOnFocus: true,
      focusOnSelect: true,
      accessibility: false,
      mobileFirst: true
});
Run Code Online (Sandbox Code Playgroud)

小提琴

slick.js

8
推荐指数
1
解决办法
3392
查看次数

jquery如何检查滚动几乎是否已关闭

有很多网站(如www.9gag.com)检查你的滚动百分比,并确定你是否80%下降.如果是这样,它会显示更多内容.

我想看到的代码示例:

$(window).scroll(function () {
    if(scroll.height >= 80%) {
        // the scroll is about 80% down.
    }
});
Run Code Online (Sandbox Code Playgroud)

我想知道如何检查滚动是否大约80%,像那些网站?

javascript jquery scroll

6
推荐指数
1
解决办法
2893
查看次数

Slick Carousel - centerMode 没有多余的幻灯片

在此处输入图片说明

我想根据图片制作一张幻灯片(使用 Slick.js),我想制作centerMode:truefocusOnSelect:true...

但问题是会有两个多余的幻灯片(左和右)。我如何删除它们?

我已经尝试设置centerModefalse. 不会有多余的幻灯片,但所选幻灯片将位于最左侧。因此,它为我设定的是很重要的centerModetrue,因为我想在中心选定的幻灯片。

对不起,我的英语不好。

任何帮助将不胜感激。

谢谢

javascript slide slick.js

5
推荐指数
1
解决办法
3398
查看次数

如何在HTML5中添加<td>文本的下划线

我正在使用HTML5,当我使用<u></u>标记作为下划线时,它表示它不受HTML5的支持.我可以用什么代替下划线?

html html5

2
推荐指数
1
解决办法
3万
查看次数