Hi,

i have to show image in the dialog box based on the user clicked image.So that i have to pass the clicked image id to function.(like passing parameter to javascript function).I dont know how to do this in jquery.Can anyone help me?

$(function () {

       

        $("#dialog").dialog({

            modal:true,

            autoOpen: false,

            resizable: false,

            width: "auto"

        });

        

        //var id= $(this).attr('@Model.Id')

        $(".dialogify").on("click", function (e) {

            e.preventDefault();

            debugger;

            $("#dialog").html("<img src='" + $(this).next().find(@Model.Id).attr("src") + "' width='250' +  height='300'>");

            $("#dialog").dialog("option", "position", {

                   modal:"true",

               my: "center",

               at: "center",

               of: window

           });

            if ($("#dialog").dialog("isOpen") == false) {

                $("#dialog").dialog("open");

           }

       });

   });

</script>

<div class="product-item" data-productid="@Model.Id" style="position:relative">

     

       <div class="picture">

          <a href=#  class="dialogify" >Quickview</a>

        <a href="@Url.RouteUrl("Product", new { SeName = Model.SeName })" title="@Model.DefaultPictureModel.Title"> 

            <img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" />

        </a>

           <div id="dialog" title="@Model.DefaultPictureModel.Title" ></div>

    </div>