jquery onclick event to change

我正在使用下面的代碼，當我點擊Link1時，我想要做的事情是它應該自動在pageload上觸發事件loadContent，該怎麼做？jquery onclick event to change

<head> 
<title>jQuery test page</title> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
function loadContent(elementSelector, sourceUrl) { 
$(""+elementSelector+"").load("http://abc.com/"+sourceUrl+""); 
} 
    </script> 

</head> 
<body> 
<a href="javascript:loadContent('#content', 'displayimages.php');">Link 1</a> 
<div id="content">content will be loaded here</div> 
</body> 
</html>

來源

2011-09-02 user580950

JavaScript事件應該在「onclick」而不是「href」。正確的方法： –

只需撥打頁面加載的方法

$(document).ready(function(){ 
    loadContent('#content', 'displayimages.php'); 
});

來源

2011-09-02 15:20:25 ShankarSangoli

請在本文檔中的腳本標記。包含在該塊中的代碼將在頁面完全加載時執行。

$(function() { 
    loadContent('#content', 'displayimages.php'); 
}

來源

2011-09-02 15:17:35

只需添加loadContent（「＃內容」，「displayimages.php」）的腳本標記中的功能之外，所以它只要叫頁面加載。基本上，你的腳本標籤會是這個樣子

<script type="text/javascript"> 
// The function call 
    loadContent('#content', 'displayimages.php') 

// The actual function 
    function loadContent(elementSelector, sourceUrl) { 
    $(""+elementSelector+"").load("http://abc.com/"+sourceUrl+""); 
    } 
    </script>

另一種辦法是把它稱爲對身體的onload，通過改變你的身體標記

<body onload="loadContent('#content', 'displayimages.php')">.

希望這有助於。

來源

2011-09-02 15:20:36 Obi

嗨奧比，很好的回答，但如果他使用jQuery有一種支持的方式準備文件做事。如果你對這類事情感興趣，你可能想要查看jquery頁面。 – Chris

哦，我不知道他想要一個JQuery解決方案。我熟悉使用document.ready，但沒有考慮它。 – Obi

是的，現在你提到它沒有原始的東西是jQuery的基礎，但他確實在標籤中，所以實際上你的回答可能比我第一次想到的更合適。 :) – Chris

jquery onclick event to change

回答

相關問題