Javascript JQuery ASP.NET显示单击行的图像

Javascript JQuery ASP.NET显示单击行的图像,javascript,c#,jquery,asp.net,Javascript,C#,Jquery,Asp.net,我想在单击行时在对话框中显示该图像,但仅在单击相关图像时才显示该图像。 例如: 当我单击第一个图像时,它会显示出来,但当我单击行网格的另一个点时,不会出现这种情况 HTML: 你所描述的不是很清楚。什么东西不起作用?这个JavaScript代码使用的结果HTML代码是什么?当我单击“图像”时,图像被正确地显示出来,但我想在单击行的每个点时显示图像。然后我想您应该将jQuery选择器从标识图像元素改为标识行元素。但是您没有在问题中显示相关的HTML,因此这里的任何人都可以看到这一点。.live已

我想在单击行时在对话框中显示该图像,但仅在单击相关图像时才显示该图像。 例如: 当我单击第一个图像时,它会显示出来,但当我单击行网格的另一个点时,不会出现这种情况

HTML:



你所描述的不是很清楚。什么东西不起作用?这个JavaScript代码使用的结果HTML代码是什么?当我单击“图像”时,图像被正确地显示出来,但我想在单击行的每个点时显示图像。然后我想您应该将jQuery选择器从标识图像元素改为标识行元素。但是您没有在问题中显示相关的HTML,因此这里的任何人都可以看到这一点。
.live
已被弃用,不应用于任何新的jQuery代码
.on
在jQuery1.7中取代了它(一直追溯到2011年!!)您所描述的内容不是很清楚。什么东西不起作用?这个JavaScript代码使用的结果HTML代码是什么?当我单击“图像”时,图像被正确地显示出来,但我想在单击行的每个点时显示图像。然后我想您应该将jQuery选择器从标识图像元素改为标识行元素。但是您没有在问题中显示相关的HTML,因此这里的任何人都可以看到这一点。
.live
已被弃用,不应用于任何新的jQuery代码
.on
在jQuery 1.7中取代了它(一直追溯到2011年!!)
<asp:GridView ID="GridVisualizzaEsercizio" runat="server" AutoGenerateColumns="false" CssClass="mGridNoAlign" 
                            PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" OnRowDataBound="GridVisualizzaEsercizio_RowDataBound"
                            OnRowCreated="GridVisualizzaEsercizio_RowCreated" OnSelectedIndexChanged="GridVisualizzaEsercizio_SelectedIndexChanged"
                            OnRowCommand="GridVisualizzaEsercizio_RowCommand" HeaderStyle-BackColor="#507CD1" >
                            <Columns>
                                <asp:TemplateField ItemStyle-CssClass="">
                                    <ItemTemplate>
                                        <div class="hidden-lg hidden-md hidden-sm">
                                            <asp:ImageButton ID="lnkSelect" src="../Images/arrow-right_Smartphone.png" CssClass="img-responsive" runat="server" Text="Visualizza"></asp:ImageButton>
                                        </div>
                                    </ItemTemplate>
                                </asp:TemplateField>                                
                                <asp:BoundField DataField="Giorno" HeaderStyle-CssClass="center" ItemStyle-CssClass="Giorno" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Giorno" ReadOnly="true" />

                                <asp:BoundField DataField="Gruppo" HeaderStyle-CssClass="center" ItemStyle-CssClass="Gruppo" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Gruppo" ReadOnly="true" />
                                <asp:BoundField DataField="NomeEsercizio" HeaderStyle-CssClass="center" ItemStyle-CssClass="NomeEsercizio" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Esercizio" ReadOnly="true" />
                                <asp:BoundField DataField="Serie" HeaderStyle-CssClass="center" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Serie" ReadOnly="true" />
                                <asp:BoundField DataField="Ripetizioni" HeaderStyle-CssClass="center" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Ripetizioni" ReadOnly="true" />
                                <asp:BoundField DataField="Peso" HeaderStyle-CssClass="center" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Peso" ReadOnly="true" />
                                <asp:BoundField DataField="Recupero" HeaderStyle-CssClass="center" ItemStyle-HorizontalAlign="center" Visible="true" HeaderText="Recupero" ReadOnly="true" />

                                <asp:TemplateField HeaderText="Immagine" HeaderStyle-CssClass="center" ItemStyle-HorizontalAlign="center" ItemStyle-CssClass="hidden-sm hidden-xs">
                                    <ItemTemplate>
                                        <div class="img-responsive hidden-xs">                                        
                                        <asp:Image ID="img" CssClass="PathImmagine" runat="server" src='<%#Eval("PathImmagine")%>' Width="208px"/>
                                            <%--<img src='<%#Eval("PathImmagine")%>' onclick="DisplayImage(this)" Width="208" />--%>
                                            <%--<button id="btnGif"  runat="server">GIF</button>  --%>

                                        </div>                                                                          
                                    </ItemTemplate>                                   
                                </asp:TemplateField>                                                                                                
                             </Columns>                           
                        </asp:GridView>
                        <div id="dialog" style="display: none">
                            Giorno:<span id="giorno"></span><br />
                            Gruppo:<span id="gruppo"></span><br />
                            Esercizio:<span id="esercizio"></span><br />
                            Immagine:<span id="pathimmagine"></span>
                        </div>
<script type="text/javascript">
            $("[id*=GridVisualizzaEsercizio]").live("click", function () {
                debugger;

            $("#giorno").html($(".Giorno", $(this).closest("tr")).html());
            $("#gruppo").html($(".Gruppo", $(this).closest("tr")).html());
            $("#esercizio").html($(".NomeEsercizio", $(this).closest("tr")).html());
            $("#pathimmagine").html($(".PathImmagine", $(this).closest("tr")).html('src', 'PathImmagine'));

            $("#dialog").dialog({
                title: "Scheda Allenamento",
                buttons: {
                    Ok: function () {
                        $(this).dialog('close');
                    }
                }
            });
            return false;
        });
    </script>