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

回答

相关问题