抱歉,我不是一个真正的程序员,但是我想把我的头放在mootools的工作原理和我做错的事情上。

window.addEvent('domready', function() {

$$('.wl').addEvent('click', function() {
    this.getNext().getNext().getChildren('.wd').slide();
});

});


HTML:

<li>
<a class="wl" href="javascript:;">main</a>
<span class="dictinfo"></span>
<div class="wd">
</div>
</li>


HTML2:

<li>
<a class="wl" href="javascript:;">main</a>
<audio id="audio1" src="audio1.mp3"></audio>
<span class="dictinfo"></span>
<button>Click</button>
<div class="wd"></div>
</li>


当单击“ wl”时,第一个示例很好地将“ wd”的内容移入和移出。但是,在第二个示例中,由于标签的顺序不同,因此无法使用。我可以通过添加更多的getNext()来解决此问题,但是我希望它是动态的,即我希望脚本获取下一个元素,直到它遇到带有“ wd”类的元素并进行处理。现在,它太僵化了,必须具有灵活性,才能让我在“ wd”和“ wl”之间自由添加元素。

最佳答案

发表评论。

使其不那么僵化/依赖于特定标记可以通过两种方式完成:

$$('.wl').addEvent('click', function(){
    this.getParent('li').getElement('.wd').slide();
});


上面的优点是不必关心li中元素的嵌套结构,它们不需要是链接的同级对象。

如果他们总是兄弟姐妹,也可以使用http://mootools.net/core/docs/1.5.1/Element/Element#Element:getNext

$$('.wl').addEvent('click', function(){
    this.getNext('.wd').slide();
});

关于css - Mootools:获取下一个元素,直到与CSS类匹配并切换幻灯片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/27332389/

10-12 12:16
查看更多