添加 runat="server" 后，elevatezoom 不起作用答案

【问题标题】：elevatezoom not working after add runat="server"添加 runat="server" 后，elevatezoom 不起作用
【发布时间】：2016-12-02 05:42:24
【问题描述】：

<img id="zoom_01" src="Images/org_chart/admin.jpg"  data-zoom-image="Images/org_chart/admin.jpg" width="700" height="700"  />

<script>
    $("#zoom_01").elevateZoom();
</script>
<script src="js/jquery.elevatezoom.js" type="text/javascript"></script>

我的代码工作正常，鼠标悬停时图像可以放大。在我的 img 标签中添加 runat="server" 后，它无法放大。

<img id="zoom_01" src="Images/org_chart/admin.jpg"  data-zoom-image="Images/org_chart/admin.jpg" width="700" height="700" runat="server" />

【问题讨论】：

为什么要添加runat="server"？

标签： jquery asp.net image

【解决方案1】：

渲染的客户端 ID 与服务器 ID 不匹配。要获得渲染的 id，请使用： Control.ClientID

<script>
    $("#<%= zoom_01.ClientID %>").elevateZoom();
</script>

【讨论】：