onclick html Bilder für partielle Seite aktualisieren Java Script

Question

Ich habe ein HTML-Bild, und ich versuche herauszufinden, ob es möglich ist, eine teilweise Seite aktualisieren, wenn jemand auf das Bild klickt. Ich dachte, ich würde ein Javascript verwenden. Ich bin aspx verwenden und mvc Modell

Hier ist mein Gedanke

<img id = "Img1" , alt = "Click me" src = /content/img1.gif/> 

mein Skript so etwas wie

<script type = "text/javascript" src ="../../Scripts/jquery-1.5.1.js" > 
    $(function() 
    { 
     $("#Img1").click(function() 
     { 
      $('#updatePartialView'). load('@Url.Action("myAction", "myController")'); 
     }); 
    }); 
</script> 

aussehen würde, aber es nicht zu wollen, scheint zu arbeiten, I don‘ Ich weiß sogar, ob es möglich ist.

--Update per Comment Ich habe eine Reihe von Bildern auf der Oberseite, und wenn der Benutzer auf die Bilder klickt, wird die untere Hälfte der Seite mit Informationen über das Bild aktualisiert.

--- Update also wollte ich etwas anderes ausprobieren, aber es funktioniert nicht unter

<script type = "text/javascript" src ="../../Scripts/jquery-1.5.1.js" > 
      $(function() 
      { 
      $("#Img1").click(function() 
      { 
       alert("I clicked this"); 
      }); 
     }); 
    </script> 

Answer 1

Entfernen Sie einfach siehe „);“ in Ihrem Ende Javascript myFunction() schließen. Es würde funktionieren.

Aber ich würde vorschlagen, den Onclick-Handler wie folgt hinzuzufügen.

<img id = "Img1" alt = "Click me" src=""> 

Script:

<script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script> 
<script type = "text/javascript"> 
    $(function(){ 
     $("#Img1").click(function(){ 
      $('#updatePartialView').load('@Url.Action("myAction", "myController")'); 
     }); 
    }); 
</script>