提升缩放在添加 runat= "server"后不起作用

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，请使用：Control.ClientID

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