Question

因此，当用户点击按钮时，图像将会加载..这可以使用以下代码：

 <script type ="text/javascript">
        function showImg() 
        {
              $("#imagePreview").attr("src", "//this is a url for image");

         }
        </script>

        <div style="height:50px; margin-top:25px; margin-bottom:25px;">
            <img id="imagePreview" alt="" width="30" height ="30"></img>
            <input type="button" onclick="javascript:showImg()" />
        </div>

但是我试图更改它以便在另一个页面上使用onclick按钮事件，所以我已将上面的代码更改为：

  <script type ="text/javascript">
        function showImg(url) 
        {
              $("#imagePreview").attr("src", "url");

         }
        </script>

        <div style="height:50px; margin-top:25px; margin-bottom:25px;">
            <img id="imagePreview" alt="" width="30" height ="30"></img>
        </div>

在另一页上我添加了

 <asp:HyperLink runat="server" ID="HyperLink1" NavigateUrl="<%# FieldValueString %>" Text="View Image" Visible="true" />
<input type="button" onclick="javascript:showImg("<%# "FieldValue" %>")" />
<asp:Label runat="server" ID="Label1" Text="No Image" Visible="false" />

但点击按钮时没有任何反应。有什么想法吗？

Answer 1

您将参数 url 作为字符串...无需在网址中使用""

应该是

 function showImg(url) 
 {
     $("#imagePreview").attr("src", url); //here

 }

onclick工作，但从另一个页面运行时停止

1 个答案: