Javascript jquery ui在图像地图上可拖动导致android上firefox中可点击区域出现问题

我目前正在创建一个图像地图，它应该是可拖动的，并且图像地图的区域应该在fancybox中打开内容。这在桌面和移动设备上都很好，除了firefox之外，它在所有浏览器上都能正常工作

当我禁用jqueryui中的拖动时，这些区域可以在mobilefox上再次单击，并且工作正常

以下是我的简化代码：

<div id="image-lageplan-container" style="height:100%;width:100%;height:auto;overflow:hidden;position:relative;">
    <img id="image-lageplan" src="/_images/Lageplan_zentralperspektive.png" alt="" usemap="#image-map">
</div>


<map name="image-map">
    <area onclick="return areaclick(this);" shape="poly" title="Test" class="lageplan-area" coords="2776,3907,2775,4003,2834,4023,2898,3999,3000,3969,3022,3985,3024,3924,3029,3920,3000,3886,2946,3808,2823,3838,2781,3889,2761,3904" href="#house-canvas-4" />
</map>

// the container for the image
var $imageLageplanContainer = $("#image-lageplan-container");

$imageLageplanContainer.draggable({
   handle: "img",
   delay: 100,
   start: function () {
      $imageLageplanContainer.css("cursor", "grabbing");
   },
   stop: function () {
      $imageLageplanContainer.css("cursor", "grab");
   }
});

function areaclick(area) {
   var houseCanvasID = $(area).attr("href");
   var houseCanvas = $(houseCanvasID);

   $.ajax({
      type: "GET",
      cache: false,
      url: "/ajax.php",
      data: {"m": "getHouseContent", "housecanvas": houseCanvasID},
      success: function (data) {
         $(houseCanvas).html(data);
         $.fancybox.open(houseCanvas);
      }
   });

   return false;
}

//图像的容器
var$imageLageplanContainer=$（“#imageLagePlan容器”）；
$imageLageplanContainer.draggable({
手柄：“img”，
延误：100，
开始：函数（）{
$imageLageplanContainer.css（“光标”、“抓取”）；
},
停止：函数（）{
$imageLageplanContainer.css（“光标”、“抓取”）；
}
});
功能区域单击（区域）{
var houseCanvasID=$（面积）.attr（“href”）；
var houseCanvas=$（houseCanvasID）；
$.ajax({
键入：“获取”，
cache:false，
url:“/ajax.php”，
数据：{“m”：“getHouseContent”，“housecanvas”：houseCanvasID}，
成功：功能（数据）{
$（HouseCavans）.html（数据）；
$.fancybox.open（housecavans）；
}
});
返回false；
}

有人有解决方案或经历过类似问题吗