添加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 =“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" />

Answer 1

呈现的客户端ID不匹配服务器ID。要获得渲染ID，请使用： docs

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