1

以下のように定義されたイメージマップがあります

  <img src="../../Content/Images/Mapimage.png"  usemap="#Map" />
        <map name="Map">
            <area id="s1" shape="rect" coords="200,45,270,105"/>
            <area id="s2" shape="rect" coords="215,275,280,335"/>
            <area id="s3" shape="rect" coords="110,270,180,335"/>
        </map>

ドラッグ可能な画像

 <img src="../../Content/Images/image1.png" id="draggableImage"/>

そしてjquery

      $("#draggableImage").draggable({
        helper: 'clone',
        appendTo: 'body',

    });

     $("#s1").droppable({
        drop: function (event, ui) {
            alert("Got it");
        }
    });

ドラッグアンドドロップしても何も起こりません。イメージマップにないドロップ可能として設定したdivにドラッグアンドドロップすると、機能します。イメージマップ領域にドロップすると機能しません。イメージマップ領域でこれを行う方法はありますか? ありがとう！

4

0 に答える 0