Question

对于我的编辑格式提前抱歉，自从我提出问题以来已经很长时间了。我会尽力遵守所有规则。

所以我有这个列表就像图像轮播一样：

foo2()

每当我点击图片时，点击的项目的班级名称将变为＆＃34;当前＆＃34;我会翻译X <div class="carousel"> <ul> <li class="past"><img src="img1.png"/></li> <li class="past"><img src="img2.png"/></li> <li class="current"><img src="img3.png"/></li> <li class="future"><img src="img4.png"/></li> <li class="future"><img src="img5.png"/></li> </ul> </div>来制作＆＃34;当前＆＃34; <ul>看起来＆＃34;居中＆＃34;。所有这些都在＆＃34; carousel＆＃34; <li>。

但是我有另一个div，它有一个空屏iPhone模型的背景：

<div>

我想对＃34; iPhone＆＃34; <div class = "iphone_screen"> <div> <img class="display" src="blank_screen.png"/> </div> </div>：

<div>

但是这个jQuery只会在我加载页面时执行一次。

那么每当我舔一个var imgUrl = $("body").find(".current").find('img').attr('src'); $(".display").attr('src',imgUrl);项并使类名<li>发生变化时，如何再次执行我的jQuery代码？

更新：谢谢大家的回复！我觉得很蠢......我不知道为什么我会问这个问题.........我之前添加了一个点击功能而且它没有工作。然后我开始寻找替代品。现在，当我想到它时，选择器一定是错的。

Answer 1

由于点击li，点击li点击任意ul（位于div内）的旋转木马内$(".carousel > ul > li").click(function () { var imgUrl = $("body").find(".current").find('img').attr('src'); $(".display").attr('src',imgUrl); }); {{1>} 1}}。

public

Answer 2

将您的代码放入函数中。

$(".carousel li").on("click" ,function () {
  var imgUrl = $("body").find(".current").find('img').attr('src');
  $(".display").attr('src',imgUrl);
});

如果类名更改，如何再次执行js代码？

2 个答案: