添加runat="server“后，elevatezoom不工作

Question

<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=”后，它无法放大。

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

Answer 1

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

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