jquery-UI перетаскивается на карту изображения, вызывая проблемы на интерактивных областях в Firefox на Android - PullRequest
Новая
       24

jquery-UI перетаскивается на карту изображения, вызывая проблемы на интерактивных областях в Firefox на Android

1 голос
/ 03 мая 2019

В настоящее время я создаю карту изображения, которая должна быть перетаскиваемой, а области карты изображения должны открывать содержимое внутри fancybox.Это отлично работает на настольных компьютерах и на мобильных устройствах, оно работает во всех браузерах, кроме Firefox.

Когда я отключаю перетаскивание из jquery-ui, на мобильном Firefox области снова нажимаются и работают нормально.

Вот мой упрощенный код: 

<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;
}

У кого-нибудь есть решение или у вас были похожие проблемы?

...