JS是否使用包含文件？

-2

我正在使用包含文件將導航欄添加到我的所有頁面。在inc文件裏面我有我的JS css和html表格，除了應該顯示隱藏的子鏈接的js函數之外，一切正常。自從編碼js以來，它一直是永遠的，所以我跟着一個教程，我無法弄清楚爲什麼這不是工作。這裏是我的代碼::JS是否使用包含文件？

<script type="text/javascript" src="../js/jquery-1.12.3.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('li').hover(function() { 
      $(this).find('ul>li').stop().fadeToggle(200); 
     }); 
    }); 
</script> 


<style type="text/css"> 

#nav{ 
    background-color: #282828; 
    height: 20px; 
    width: 100%; 
    float: left; 

} 

ul{ 
    margin: auto; 
    padding: 0; 
    list-style: none; 
    display: table; 
} 

ul li { 
    float: left; 
    height: 20px; 
    line-height: 20px; 
    text-align: center; 


} 

ul li a{ 
    text-decoration: none; 
    color: darkgray; 
    padding: 0 10px; 

} 

ul li li{ 
    background-color: #282828; 
    display: none; 
} 

ul li ul li{ 
    width: 100%; 

} 


ul li:hover{ 
    background-color: red; 
} 

</style> 


<div id="nav" class="click-nav"> 

    <ul class="ul"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Command Center</a></li> 
     <li><a href="#">Stats</a></li> 
     <li><a href="#">Community</a> 
      <ul> 
       <li><a href="#">Wiki</a></li> <br> 
       <li><a href="#">Forum</a></li> <br> 
       <li><a href="#">Facebook</a></li> <br> 
      </ul> 
      </li> 
     <li><a href="#">Updates</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Support</a></li> 
    </ul> 

</div>

來源

2016-05-07 user2376313

[jQuery函數.on可以在1.8.3中使用，但不在1.9.1中使用]（http://stackoverflow.com/questions/14830064/jquery-function-on-works-in-1-8 -3-but-in-1-9-1）< - 回答問題，'.hover（）'是/是'.on（'hover'）的簡寫'' – JJJ

@Juhana - 不， ['.hover（）'* method *]（http://api.jquery.com/hover/）仍然受支持。它只會將* string *''hover''傳遞給'.on（）'，而不再工作。所以這不是重複的。 – nnnnnn

在瀏覽器的開發控制檯中是否有任何錯誤？你的代碼（在編輯後刪除'document'周圍的引號）在這裏工作正常：https://jsfiddle.net/3o64uhuh/ – nnnnnn

-1

我剛剛用jQuery 12.2和11.1，這似乎工作試了一下： https://jsfiddle.net/2cq1badz/

$('li').hover(function() { 
    console.log($(this).find('ul>li')); 
    $(this).find('ul>li').stop().fadeToggle(200); 
});

我也檢查你正確選擇下拉項目，這似乎不是一個問題。

來源

2016-05-07 06:26:43

所以你的答案是「這不是問題」？除了顯然它*是OP的問題... – nnnnnn

我認爲這可能是刷新瀏覽器或與代碼本身無關的問題。 –

是對我的jquery文件的無效引用。謝謝

來源

2016-05-07 06:54:27 user2376313

JS是否使用包含文件？

回答

相關問題