jquery - 我需要根据 champion hovered 更改框架的来源

Question

所以我有一个无序列表的冠军，他们每个人都有一个链接，所以我希望我的框架的 src 在他悬停时更改为那个冠军的页面，我目前有这个 jscript 代码

<script type="text/javascript">
function ifunc() {
// Declare variables
var iframe, ul, li, a, i, div, br;
ul = document.getElementById("myUL");
li = ul.getElementsByTagName('li');
iframe = document.getElementById('jaiframe')
// Loop through all list items, and hide those who don't match the search query
for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    if (li.is(":hovered") {
        iframe.src = "champs/" + li[i] + ".html"
    }
  }
}
</script>

这是我的无序列表的代码之一，它们都具有相同的结构，

<li style="text-align: right;"><div class="col-md-10"></div><a href="champs/Aatrox.html" class="champ"><div class="col-md-1" id="champ" >
              <img src="http://vignette3.wikia.nocookie.net/leagueoflegends/images/c/cc/AatroxSquare.png/revision/latest/scale-to-width-down/48?cb=20160417012601">
              </div><div class="col-md-1" id="champ" >Aatrox</div></a></li>

我尝试寻找答案但找不到，我做错了什么？顺便说一句，我在无序列表的开头调用了函数

<ul id="myUL" onmouseover="ifunc()" class="pull-left" style="padding-top: 60px;margin-left: 0px;margin-right: 100px;height: 100%"> <!-- List of champions -->

Answer 1

基本上 - 你应该是 is(":hover")(而不是 is(":hovered"))，但它会更好在悬停 li 元素后运行您的函数:

$('ul#myUL li').hover(function() {
  $('#jaiframe').attr('src', $(this).find('a').attr('href'));
});

上面的代码将确保每次您悬停 ul#myUL 中的li 元素时 - iframe 的 src 属性将设置为 li 中的 a 元素的 'href' 属性值只是徘徊。