我需要更改一個框架的源代碼冠軍hipped

所以我有一個無序的冠軍列表，並且他們每個人都有一個鏈接，所以我希望我的框架src更改爲該冠軍的頁面，如果他被徘徊對，我現在有這個JScript代碼我需要更改一個框架的源代碼冠軍hipped

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

來源

2016-12-31 moran

基本上 - 你應該是is(":hover")（而不是is(":hovered")），但它會更好，只是運行功能一旦li元素徘徊：

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

上面的代碼將確保每次hover的li元素在裏面你ul#myUL - 在iframe的src屬性將被設置爲「HREF」 ATTRIB的價值你剛剛徘徊的li裏面的a元素的使用。

來源

2016-12-31 23:26:14 Dekel

請注意，如果只有一個函數參數'hover（）'會同時運行mouseeneter和mouseleave – charlietfl

@charlietfl，感謝那些信息！因爲'mouseleave'會在下一個'mouseenter'之前發生（在下一個'li'懸停時）它會沒事的。如果不是這種情況，我會使用'mouseenter'而不是'hover'。 – Dekel

仍然會導致src變更不必要，雖然 – charlietfl

我需要更改一個框架的源代碼冠軍hipped

回答

相關問題