исключить элемент из обратного вызова onClick внутри функции draggable. js - PullRequest
Новая
       110

исключить элемент из обратного вызова onClick внутри функции draggable. js

0 голосов
/ 17 июня 2020

Я использую Draggable. js и TweenMax на своем веб-сайте для отображения изображения карты, которая включает в себя интерактивные маркеры с абсолютным позиционированием (.marker). * 

<div id="container_img">

    <div class="zoom_map">

    <a class="marker" href="http://www.aaa.com"></a>
    <a class="marker" href="http://www.bbb.com"></a>

    <img src=".../map.jpg">

    </div>

</div>

при нажатии на мою карту (.zoom_map) я хочу удалить класс «zoom_activate» из div #container_img. все работает отлично. 

container_img.removeClass("zoom_activate");

я пытаюсь предотвратить удаление класса «активация масштабирования» при нажатии на ссылку .marker.

вот мой Jquery код: 

var container_img = $("#container_img");

var map_H = $(window).height() - 60;
    map_W = map_H * 2250 / 1590;

    $("#container_img").width(map_W).height(map_H);
    $(".zoom_map").width(map_W * 2).height(map_H * 2);

Draggable.create("#container_img .zoom_map", {

    type:"x,y",
    bounds:{top:0, left:0, width:map_W, height:map_H},
    edgeResistance:1,
    minimumMovement:100,
    onClick:function() {

        TweenLite.set("#container_img .zoom_map", {clearProps:"transform"});
        container_img.removeClass("zoom_activate");

    },

});

есть ли способ исключить мои маркеры из функции обратного вызова? 

onClick:function() {

    TweenLite.set("#container_img .zoom_map", {clearProps:"transform"});
    container_img.removeClass("zoom_activate");

},

спасибо!

...