代码之家 › 专栏 › 技术社区 › zach

在Javascript/Html中分隔四个嵌套项

nested jquery javascript

zach · 技术社区 · 16 年前

我使用for循环来计数1-904:

for (beginnum=1;beginnum<=904;beginnum++) { yada yada...

然后,我使用adobe bridge将相机文件重命名为1-904及其缩略图(1-904+_thumb),并使用循环编号显示904个图像空间和正确编号的图片:

~~[注意:使用<)代替通常的打开标签,因为网站不会显示它]~~

即。。。

document.write(beginnum + ":" + "<img src='pictures" + beginnum + "_thumb.jpg' />");

歌剧。..

document.write("<div>" + beginnum + ":" + "<img src='pictures" + beginnum + "_thumb.jpg' /></div>")

这一切在IE和Opera中都很完美(外部CSS将div修改为不换行)。

然后,我创建了一个函数,在单击时调用图片的大版本。

~~[注意:再次使用<)表示打开标签]~~

document.write("<a href='javascript:void(0); onClick=

因为我已经用完了”和“当点击图片时,我现在没有什么可以用来调用函数了。

3 回复 | 直到 12 年前

Rodrigo 16 年前

也许这会奏效

for (i=0; i<904;i++)
{
    document.write("<div class=\"DivClassName\"><img src=\"pictures_" + i + "thumb.jpg\" onclick=\"OpenAWindowAndDisplayTheBigPhoto(" + i + ")\"></div>");
}

<DIV id="mainDIV">

var mainDIV = document.getElementByID("mainDIV");
var div, img, a;
for (i=0; i<904; i++)
{
   div = document.createElement("DIV");
   div.className = "DivClassName";
   a = document.createElement("A");
   a.href = "javascript:void(0)";
   a.onclick = function() {OpenAWindowAndDisplayTheBigPhoto(i);};
   img = document.createElement("IMG");
   img.src = "pictures_" + i + "thumb.jpg";
   mainDIV.appendChild(div);
   div.appendChild(a);
   a.appendChild(img);   
};

Nosredna 16 年前

每当事情变得太复杂而无法遵循时,一次只做一部分。

var s;

s = "'Hello.' ";
s += '"I must be going."';

James Black 16 年前

另外,利用onclick事件。

IMO,你应该能够简化javascript,从而避免这个问题。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前