用于部分页面刷新javascript的onclick html图像

时间:2012-04-02 03:50:46

标签: asp.net html

我有一个html图片,我试图弄清楚当有人点击图片时是否可以进行部分页面刷新。我以为我会用javascript。我正在使用aspx和mvc模型

这是我的想法

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

我的脚本看起来像

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

但它似乎不想工作,我甚至不知道是否可能。

- 每条评论更新 我在顶部有一系列图像,当用户点击图像时,页面的下半部分会刷新有关该图片的信息。

---更新所以我想尝试不同的东西,但它不起作用见下文

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

1 个答案:

答案 0 :(得分:0)

只需删除javascript );末尾的结尾“myFunction()”即可。它会起作用。

但我建议添加onclick处理程序,如下所示。

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

脚本:

<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>