1

目前，我正在尝试实现人体概览，用户可以在其中单击多个区域并将它们添加到列表中——这一切都很好。
现在我想使用 David Lynchs jQuery 插件“maphilight”来直观地使热点可见，但它根本不起作用，它只是什么都不做。
这是我的 ImageMap： 

<div class="col-md-4">
    <asp:ImageMap ID="woundlocalisation_map" runat="server" HotSpotMode="PostBack" ImageUrl="~/Images_wndmgmt/wundlocal.jpg"  Width="400" Height="300" OnClick="woundlocalisation_map_Click" CssClass="body">

        <asp:RectangleHotSpot Left="55" Right="85" Bottom="52" Top="15" 
            HotSpotMode="PostBack" PostBackValue="gesicht"/>
        <asp:RectangleHotSpot Left="55" Right="80" Bottom="105" Top="65" 
            HotSpotMode="PostBack" PostBackValue="brust"/>
        <asp:RectangleHotSpot Left="35" Right="45" Bottom="105" Top="80" 
            HotSpotMode="PostBack" PostBackValue="oberarmRechts"/>
        <asp:RectangleHotSpot Left="90" Right="105" Bottom="105" Top="80" 
            HotSpotMode="PostBack" PostBackValue="oberarmLinks"/>
        <asp:RectangleHotSpot Left="25" Right="40" Bottom="145" Top="110" 
            HotSpotMode="PostBack" PostBackValue="unterarmRechts"/>
        <asp:RectangleHotSpot Left="100" Right="115" Bottom="150" Top="110" 
            HotSpotMode="PostBack" PostBackValue="unterarmLinks"/>
        <asp:RectangleHotSpot Left="15" Right="35" Bottom="175" Top="155" 
            HotSpotMode="PostBack" PostBackValue="vorderhandRechts"/>
        <asp:RectangleHotSpot Left="102" Right="122" Bottom="180" Top="155" 
            HotSpotMode="PostBack" PostBackValue="vorderhandLinks" />

    </asp:ImageMap> 
</div>

现在我的 JavaScript 看起来像这样：

$(function highlight () {
    $('.body').maphilight({ alwaysOn: true, fade: false, fillOpacity: 0.3 });
});

我尝试在图像加载之前/之后加载它，我尝试将其设置为文档就绪，并尝试通过以下方式在代码隐藏中注册它ClientScriptManager：

 ScriptManager.RegisterClientScriptBlock(this.Page, GetType(), "highlightMap", "highlight();", true);

我不知道为什么脚本没有执行，src 文件的路径是正确的 - 每个人都知道它是否与更新面板一起工作？这可能是它不起作用的原因吗？

4

0 回答 0