0

我有一个网络表单并尝试使用 jquery 来启用其中一个图像的缩放。表单代码结构是这样的：

<asp:FormView ID="frmVwStyle" runat="server" DefaultMode="Edit"  >

    <ItemTemplate>
    ...
    </ItemTemplate>
    <EditItemTemplate>
        <table width="690">
        <tr>
        <td width="280" align="left" valign="top">
        <div class="style-image" href='<%# ... %>'>
            <a href='' title="" id="SwatchBox" class="swatchImage" style='display:none;'><img id='SwatchImage' src='' alt='' /></a>
            <a href='<%# ... %>' zoom='<%# ... %>' rel="lightBox" title="..." id="..." class="styleImage-magnify" ><%# ...%></a>

            <img id="TargetImage" border="0" src= "images/haydensmall.jpg" style="width:250px;height:338px">

        </div>
        </td>
    ...

我在页面顶部得到了以下脚本。 .addimagezoom 是一个插件，如果选择器可以正确选择我的图像，它就可以正常工作。

$(document).ready(function () {
                        $("#TargetImage").addimagezoom({ // single image zoom
                    zoomrange: [3, 10],
                    magnifiersize: [100, 100],
                    magnifierpos: 'right',
                    cursorshade: true,
                    largeimage: 'images\\hayden.jpg' 
                });

            }

但它无法选择图像。我还尝试了以下方法：

    $(document).ready(function () {

            $(".style-images").find("#TargetImage").addimagezoom({  // or this one  $("#frmVwStyle").find(".style-images").find("#TargetImage").addimagezoom
                zoomrange: [3, 10],
                magnifiersize: [100, 100],
                magnifierpos: 'right',
                cursorshade: true,
                largeimage: 'images\\hayden.jpg' 
            });

        }

还是行不通。任何想法？

PS jquery-1.3.1 已经在这个项目中使用了，由于一些不兼容，我目前无法更改它。

4

0 回答 0