My understanding is that for...in loops are designed to iterate over objects in Javascript. See this post and this post.
Take the following example. This returns 'Uncaught TypeError: items is not iterable' in my console.
var text = {
name: "Coptic",
ranges: [[994, 1008], [11392, 11508], [11513, 11520]],
direction: "ltr",
year: -200,
living: false,
link: "https://en.wikipedia.org/wiki/Coptic_alphabet"
};
function dominantDirection(items) {
for (let item of items) {
if (item.direction === 'ltr') {
return 'ltr';
} else {
return 'rtl';
}
} …Run Code Online (Sandbox Code Playgroud)我已经看到了类似的问题,但所有这些都是指我不熟悉的Django和其他模板系统.但基本上我有数据被拉入,我想使用for循环在一行内创建四列并重复.然而,下面的代码可以在控制台中显示我只是一个接一个地创建了一堆'span3'.在大多数情况下,他们最终连续四张图片,但偶尔他们不会清除或连续两张图片,等等.我如何清理我的代码,以便只有四张图片'span3'连成一排然后四个循环重复?我希望代码清楚我正在使用玉.
block body
-var maxCols = 12;
-var col = 3;
div(ng-controller='ImgCtrl')
div(id="wrap")
div(id="header")
img(src="stumblr-logo.png", height="60px")
div(id="main_full")
div.container
div.row
-for (var i = 0; i < (media.length / col); i++)
div(class="span3", id="id")
p
a(href="/single?id=#{media[i].image_id}&img=#{media[i].image}")
img(src="#{media[i].image}")
Run Code Online (Sandbox Code Playgroud) 我已经看到很多关于如何交替列表或行的背景颜色的帖子.
$('#news tbody').each(function() {
$(this).children('tr:odd').addClass('alt');
});
Run Code Online (Sandbox Code Playgroud)
我知道了.但是,如果我想要三行交替背景怎么办?换句话说,第一种颜色,第二种颜色,第三种颜色,然后重复.我只能成功地为每三分之一添加背景颜色而不重叠.有什么建议?
我正在使用 Snapsvg ( http://snapsvg.io/ ) 并且在 var s = Snap("#svgout"); 被定义为。我知道这意味着浏览器不知道“Snap”是什么。在我在 script.js 文件中调用 snap.svg.js 之前,我的 HTML 正在加载它。我开始认为这可能是一个错误。任何调试建议或对可能导致它的原因的想法?
下面是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Framework Template</title>
<script src="assets/js/snap.svg-min.js"></script>
<!-- Bootstrap -->
<!--<link href="assets/css/bootstrap.min.css" rel="stylesheet">-->
<link href="assets/css/stylesDevelopment.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> …Run Code Online (Sandbox Code Playgroud) for-loop ×2
javascript ×2
css ×1
for-in-loop ×1
html-table ×1
jquery ×1
object ×1
pug ×1
rows ×1
snap.svg ×1
typeerror ×1
undefined ×1