jquery - jQueryセレクター/ズーム

Question

Webフォームがあり、jqueryを使用して画像の1つでズームを有効にしようとしています。フォームコードの構造は次のようになります。

<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がこのプロジェクトで使用されていますが、いくつかの非互換性のため、現時点では変更できません。