Question

我正在尝试制作一个IFrame，每当你将鼠标悬停在冠军上时，它会将帧的来源更改为冠军的页面，所以这就是ul：

<ul id="myUL" class="pull-left" style="padding-top: 60px;margin-left: 0px;margin-right: 100px;height: 100%">

这是iframe：

<iframe id="jaiframe" style="height: 1100px;margin-left: 60px;width: 1000px;margin-top: 1000px;"></iframe>

这是<il> s

之一

<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>

这是我的js链接：

<script type="text/javascript" src="script.js"></script>

这是我的js代码：

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

我也试过

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

代替

我试图制作，只要你将鼠标悬停在列表项上，帧源就会发生变化

0 个答案: