Question

我正在尝试实现一个名为kort kort plugin , cool thumbs的插件。问题是插件被编码为以这种方式工作所有img必须是div的直接子节点，例如

<div class="kort">
<img src="my_img.png" />
<img src="my_img.png" />
<img src="my_img.png" />
<img src="my_img.png" />
<img src="my_img.png" />
<.div>

但在我的情况下，我需要添加一个指向img的链接，以便它看起来像

<div class="kort">
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<.div>

这里的插件核心core我认为第91行是问题的根源但是我不确定，我试图编辑和修改代码的几个部分但是徒劳无功。

Answer 1

您可以更改查找元素的方式。您可以查找图片标记，而不是寻找孩子。

代码现在做了什么：

function updateState() {
    elementLeft = element.offsetLeft;
    elementWidth = element.offsetWidth;
    elementChildren = [].slice.call( element.children );
}

你可以尝试做什么：

function updateState() {
    elementLeft = element.offsetLeft;
    elementWidth = element.offsetWidth;
    elementChildren = [].slice.call( element.getElementsByTagName("img") );
}

获得元素和儿童的所有二级孩子对于每个功能

1 个答案: