1

jQueryのドラッグ可能な画像のハンドルとして、画像上の画像マップをどのように使用できるのか疑問に思っています。これが私がこれまでに持っているものです。

JS

$('.stickyleave').draggable({
    containment:'#stickyleave-main',
    handle: "#" + $(e).find('img').attr('usemap') + " area",
    start:function(e,ui){
        ui.helper.css('z-index',++$.zIndex);
    }
});

HTML

<div class="stickyleave" />
    <img usemap="#image_map" src="' . $upload_dir['baseurl'] . '/' . $style[0] . '.png" />
    <map name="image_map" id="image_map">
        <area shape="poly" coords="4,27,27,12,45,2,65,1,83,11,91,17,99,29,89,47,60,56,39,52"/>
    </map>
</div>

しかし、それはうまくいきません。どんな提案も役に立ちます。ありがとう

4

1 に答える 1

2

まず、 $(e).find('img').attr('usemap') にはすでに '#' が含まれています

これは、それを機能させるための回避策です

$('.stickyleave').each(function(){    
    $(this).draggable({
        containment:'#stickyleave-main',
        handle: $(this).find('img').attr('usemap'),
        start:function(e,ui){
            ui.helper.css('z-index',++$.zIndex);
        }
    });
});

</p>

これが実際の例ですhttp://jsfiddle.net/cFwuD/

于 2012-04-19T15:57:57.383 に答える