---
title: "Jquery load"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/168849-jquery-load"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "qazboy"
published: "2008-02-08T15:39:53.000Z"
updated: "2008-02-15T08:37:14.000Z"
replies: 2
views: 542
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/168849-jquery-load"
---

# Jquery load

## #1 — qazboy, 2008-02-08T15:39Z

Jag är nybörjare på Jquery och javascript som helhet och skulle behöva lite hjälp.

Om jag laddar en extern sida med load() i jquery hur kan jag då komma åt de id som finns där? Den externa sidan innehåller bla knappar som jag vill kunna koppla till funktioner i jquery.

Permalänk: https://www.webforum.nu/p/168849

## #2 — qazboy, 2008-02-15T08:21Z

Förtydligande av fråga

Inser att min fråga måste vara otydlig. Jag bifogar ett litet exempel på vad jag menar. Nu vill jag naturligtvis göra andra saker än att skicka upp en alert, men det fattar ni.

Om det är så att detta inte ska funka berätta då gärna varför. Finns det ett sätt att få det att funka vill jag självklart veta hur.

```
index.html
-----------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head>
    <title>Titel</title>
    <script src="../js/jquery.js" type="text/javascript"></script>
     <script type="text/javascript">
     
     $(document).ready( function() {
        // Kanpp 1 laddas externt
        $('input#knapp').click(function(){
            alert('Du klickade knapp 1');
        });
        // ladda knapp 1
        $('div#extern').load('extern.html');
        //Knapp 2 finns i koden och funkar
        $('input#knapp2').click(function(){
            alert('Du klickade knapp 2');
        });
     });
     </script>
</head>
<body>
    <div id="extern"></div>
    <input type="BUTTON" value="Knapp 2" id="knapp2"> 
    
</body>
</html>

extern.html
------------

<input type="BUTTON" id="knapp" value="Knapp 1">
```

Permalänk: https://www.webforum.nu/p/2079856

## #3 — voigtann1, 2008-02-15T08:37Z

.load är en ajax lösning(tror jag?). så om du har input#knapp i din extern.html så måste du köra en eval() efter att du har kört ajaxen.
Så du få ha en div,innehåll som du kan ta innerHTML ifrån och köra en eval().

extern.html:

```
<div id="script" style="display:none;">
        $('input#knapp').click(function(){
            alert('Du klickade knapp 1');
        });
</div>
```

```
$.ajax({
	url: "extern.html",
	success: function(data) {
		$('div#extern').html(data);
		var em = document.getElementById("script");
		if(em) {
			eval(em.innerHTML);
			em.parentNode.removeChild(em);
		}
	}
});
```

Permalänk: https://www.webforum.nu/p/2079860

---

Tråden på webben: https://www.webforum.nu/amne/javascript/168849-jquery-load
