Advanced Search

jQuery .load() - special feature that we should know

/ Published in: HTML
Save to your folder(s)
First, we select the link with an ID of #some_id, and prevent the default event from occurring (which would be to follow the link and load the target page). We grab the original destination of the link (by retrieving the href attribute of the link we clicked on), and pass it onto the load function.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <script type="text/javascript">
  2. $('a#some_id').click(function(e) {
  3. var url = $(this).attr('href') + ' #content';
  4. $('#call_content').load(url);
  5. e.preventDefault();
  6. });
  7. </script>
  8.  
  9.  
  10. <div id="call_content">
  11. This will be replaced with the texts inside the div#content when run! link is clicked.
  12. </div>
  13.  
  14.  
  15. <div id="content">
  16. This content will be loaded to div#call_content
  17. </div>
  18.  
  19. <a id="some_id" href="index.html">run!</a>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.