jQuery的不工作，找不到正確的答案在這裏

我與jQuery的鏈接jQuery的不工作，找不到正確的答案在這裏

<!DOCTYPE html> 

<html> 
    <head> 

     <!-- metadata --> 
     <meta charset="UTF-8"> 

     <meta name="keywords" content="bas webdesign, beverwijk, heemskerk, uitgeest, ijmuiden, velsen, noord holland, noord-holland, nederland, responsive webdesign, website bouwen, goedkoop, kwaliteit, betrouwbaar, html 5, css 3, javascript, huisstijl, huisstijlen"> 
     <meta name="viewport" content="width=device-width user-scalable=no"> 

      <!-- socialmedia --> 
      <meta property="og:site_name" content="www.bas-webdesign.nl"/> 
      <meta property="og:title" content="Investeer in je bedrijf, investeer in een goede website!"/> 
      <meta property="og:description" content="Bas webdesign maakt websites op maat voor elk budget. Jij bepaalt, Bas maakt. Advies is bij Bas een service. En service is gratis, zoals het hoort! Neem gerust contact op en kom eens op de koffie voor een vrijblijvend gesprek."/> 
      <meta property="og:image" content="afb/sociaal/socialeMediaThumbnail.jpg"> 
      <meta property="og:url" content="http://bas-webdesign.nl/"> 
      <meta property="og:type" content="Webdesign"/> 
      <!-- socialmedia --> 

     <!-- metadata --> 


     <!-- links --> 

      <!-- favicon --> 
      <link rel="shortcut icon" href="afb/logo/favicon.png" type="image/x-icon"> 
      <link rel="icon" href="afb/logo/favicon.png" type="image/x-icon"> 
      <!-- favicon --> 

      <!-- fonts --> 
      <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700' rel='stylesheet' type='text/css'> 
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
      <!-- fonts --> 

      <!-- standaard --> 
      <link rel="stylesheet" href="css/reset.css"> 
      <link rel="stylesheet" href="css/style.css"> 
      <!-- standaard --> 

     <!-- links --> 


     <!-- script --> 

      <!-- jquery --> 
      <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
      <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
      <!-- jquery --> 

     <script src="js/actions.js"></script> 
     <script src="js/smooth-scroll.js"></script> <!-- gebruik "data-scroll" in de a tag voor smoothscroll --> 
     <!-- script --> 


     <title>Bas Webdesign</title> 

    </head> 


    <body> 

     <!-- omhuller --> 
     <div class="omhuller"> 

      <!-- header --> 
      <header id="header"> 

       <!-- logo --> 
       <img src="afb/logo/logo.png"> 
       <!-- logo --> 

       <!-- hoofdmenu --> 
       <section id="hoofdmenu"> 

        <ul> 

         <li> 
          <span id="menuIcoon_website" class="fa fa-globe" onmouseover="hoverAan(menuIcoon_website, menuTekst_website)"></span> 
          <a href="websites/" id="menuTekst_website" class="onzichtbaar" onmouseout="hoverUit(menuIcoon_website, menuTekst_website)">websites</a> 

         </li> 

         <li> 

         </li> 

         <li> 

         </li> 

         <li> 

         </li> 

        </ul> 

       </section> 
       <!-- hoofdmenu --> 

      </header> 
      <!-- header --> 

     </div> 
     <!-- omhuller --> 


     <script> 
      smoothScroll.init(); 
     </script> 

    </body> 
</html>

在這裏，我要開始我的懸停功能的HTML代碼。

$(document).ready(function() { 

// globale variabelen 

// globale variabelen 


// functies 

    // hover 

     function hoverAan(onzichtbaar, zichtbaar){ 

      onzichtbaar.style.display = "none"; 
      zichtbaar.style.display = "inline"; 

     } 

    // hover 

// functies 

});

的事情是......沒有jquery link and .ready()（所以純JS），它的工作。它是jQuery鏈接的位置嗎？還是有什麼我做錯了？因爲我想寫很多jquery而不是js。所以我想確保它從一開始就完成這項工作......但現在不行。

來源

2015-11-11 BvdH-NL

你在哪裏叫'hoverAan'？這是不是在您所提供的代碼... – trincot

我把它叫做一個鏈接..

–

你的代碼中這個'ul'在哪裏？請提供完整的代碼，以便其他人可以幫助您。 – Abhinav

您想讓所有的JavaScript功能都在$(document).ready(function() {});之外。這樣，你的函數將被加載到你的HTML中，而不是在加載HTML之後加載你的函數。

來源

2015-11-11 13:28:50

oke，但如果我在$（document）.ready（function（）{}）;函數之外使用jquery;「它仍然會工作？ –

是的。 '$（document）.ready（function（）{}）;'會真正等待頁面加載完成，只有這樣才能加載所有內容。有關更多信息，請參閱https://api.jquery.com/ready/。除了正常的JavaScript腳本/函數外，它的所有內容都將在頁面加載時加載。除此之外，在頁面的前面，您將包括jQuery，因此所有jQuery函數都應該在包含之後運行。 –

謝謝！工作很棒;） –

jQuery的不工作，找不到正確的答案在這裏

回答

相關問題