我正在尝试了解 jquery 切换的工作原理。我想在单击带有 go_down
类的图像时切换到带有 plr-anchor
类的下一个 anchor 。使用 map 填充数据。
J查询代码:
$('.go_down').on('click',function(e){
#('.plr-anchor').next('.plr-anchor').toggle()});
}
代码片段:
{data.map(function(categ) {
return <div>
<a className="plr-anchor" id={categ.short_name}></a>
<img src="/static/img/icon_up.png" className="go_down"/>
</div>}.bind(this)}
Jquery 调用函数的语法似乎有问题。我是 Jquery 的新手,任何帮助都会很棒。提前致谢。
最佳答案
您在点击处理程序中使用了 #
而不是 $
。此外,您还需要找到点击图像之前的确切 plr-anchor
。现在您正在切换所有 plr-anchor
。
对于动态元素,使用 $(document).on(event, selector, function(){});
来绑定(bind)点击处理程序。看下面代码
$(function(){
$(document).on('click','.go_down',function(e){
$(this).prev('.plr-anchor').toggle();
});
});
关于javascript - Jquery 在点击图片时切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34348458/