如何使用jQuery調用此函數

Question

我試圖讓代碼運行，但沒有反應，因爲我不知道我是否必須調用該函數或自動運行。

當使用window.onload方法時，我會給該函數一個名稱< init>，它會運行。 用jquery調用它我確定我是否應該有一個函數名？

我應該如何讓代碼運行請。

// JavaScript Document 
$(document).ready(function() { 
    var xhr = false; 
    var xPos, yPos; 

    function() { 
     var allLinks = document.getElementsByTagName("a"); 

     for (var i = 0; i < allLinks.length; i++) { 
      allLinks[i].onmouseover = showPreview; 
     } 

    } //end function 
    function showPreview(evt) { 
     if (evt) { 
      var url = evt.target; 
     } else { 
      evt = window.event; 
      var url = evt.srcElement; 
     } 
     xPos = evt.clientX; 
     yPos = evt.clientY; 

     if (window.XMLHttpRequest) { 
      xhr = new XMLHttpRequest(); 
     } else { 
      if (window.ActiveXObject) { 
       try { 
        xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
       } catch (e) {} 
      } 
     } 

     if (xhr) { 
      xhr.onreadystatechange = showContents; 
      xhr.open("GET", url, true); 
      xhr.send(null); 
     } else { 
      alert("Sorry, but I couldn't create an XMLHttpRequest"); 
     } 
     return false; 
    } 

    function showContents() { 
     if (xhr.readyState == 4) { 
      if (xhr.status == 200) { 
       var outMsg = xhr.responseText; 
      } else { 
       var outMsg = "There was a problem with the request " + xhr.status; 
      } 
      var prevWin = document.getElementById('previewWin'); 
      prevWin.innerHTML = outMsg; 
      prevWin.style.top = parseInt(yPos) + 2 + "px"; 
      prevWin.style.left = parseInt(xPos) + 2 + "px"; 
      prevWin.style.visibility = "visible"; 

      preview.onmouseout = function() { 
       document.getElementById('preview').style.visibility = "hidden"; 
      } 
     } 
    } 
}); 

Answer 1

你已經聲明瞭函數。沒有你在哪裏調用函數，以便它執行。

您將無法從外部調用此函數，因爲它們是在document.ready函數內聲明的。做這樣的事情

$(document).ready(function() { 
    function showcontent(){ 
    }; 
    showcontent(); 
}); 

Answer 2

的jQuery JavaScript的===

所以調用jQuery的功能是完全一樣的調用一個JavaScript函數。

jQuery所做的唯一事情就是創建易於使用的方法和函數來加速JavaScript的開發。例如，window.onload事件被替換爲$(document).ready()事件。

Answer 3

你有兩個選擇，內聯JavaScript：

<script>...yourcode...</script> 

或外部文件鏈接的javascript：

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

通常鏈接文件是在頭標籤，內聯腳本將位於底部。

如果您unsing jQuery的你還需要包括這個庫http://jquery.com

function() { 
    var allLinks = document.getElementsByTagName("a"); 

    for (var i = 0; i < allLinks.length; i++) { 
     allLinks[i].onmouseover = showPreview; 
    } 

} //end function 

真的應該：

function() { 
    var allLinks = $("a"); 

    allLinks.on("mouseover", showPreview); 

} //end function