Javascript 更新目标href问题
我正在制作一个小图片库,你可以在上面滚动一个小缩略图,较大的图片就会显示在上面。单击图像将在覆盖中加载全尺寸版本 问题在于较大的图像,滚动效果很好,但是我的脚本更新了指向全尺寸图像的href,似乎只有在我第一次单击图像时才起作用Javascript 更新目标href问题,javascript,prototypejs,Javascript,Prototypejs,我正在制作一个小图片库,你可以在上面滚动一个小缩略图,较大的图片就会显示在上面。单击图像将在覆盖中加载全尺寸版本 问题在于较大的图像,滚动效果很好,但是我的脚本更新了指向全尺寸图像的href,似乎只有在我第一次单击图像时才起作用 $$('.thumbs img').each(function(s) { $(s).observe('mouseover', function(e) { var el = e.target; var thumb = $(el).src; va
$$('.thumbs img').each(function(s) {
$(s).observe('mouseover', function(e) {
var el = e.target;
var thumb = $(el).src;
var large = $(el).alt;
$(el).up(3).down(1).href = large;
$(el).up(3).down(2).src = thumb;
console.log((el).up(3).down(1).href);
console.log(thumb);
});
});
控制台输出正确的图像参考,所以这似乎应该工作(并且部分工作),我只是不知道为什么它只工作一次
谢谢
Rich我认为lightview插件首先建立了它的图像列表,然后动态更改src,它不会更新。因此,尝试添加对
Lightview.updateViews()的调用代码>位于上面的鼠标悬停处理程序的末尾
发件人:
Lightview.updateViews():强制重置所有Lightview
页面上的元素。大多数时候
从那以后你就不需要这样做了
Lightview将在新的
自动插入元素。之后
正在更新现有元素,可能是
需要调用此函数
所以你的情况是,它不会自动获取更改。天哪,你在同一个站点上使用jquery、prototype和Scriptapulus……你确定你需要所有这些吗?prototype/Scriptaculous对于我自己的JS,Foxycart使用它自己加载的jquery。我一直在想我应该学一点JQuery,但我已经习惯了许多原型解决方案,比如LightView。这正是问题所在。谢谢你,戴夫!