Как добавить, удалить класс по клику к body?

Question

[Aleksander911]

Доброго дня всем.
Подскажите как добавить по клику по карте класс к body и, а чтобы удалить класс надо кликнуть не в области карты?

<div id="map" style="width:100%; height:70px"><span class="click-heigh">Смотреть на карте, где мы находимся.</span></div>

<script src="http://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>
        <script type="text/javascript">
            var map;

            DG.then(function () {
                map = DG.map('map', {
                    center: [54.98, 82.89],
                    zoom: 13
                });

                DG.marker([54.98, 82.89]).addTo(map).bindPopup('Вы кликнули по мне!');
            });
        </script>

Способ как по кнопке не работает почему-то

$("#map").click(function(ob) {
	ob.stopPropagation();
	$("body").addClass("on-toggle");	
});
$("body").click(function() {     
	$(this).removeClass("on-toggle");
});

Answer 1

[developinwed]

в зависимости от версии jQuery попробуйте работать с live объектами
jQuery ниже 1.9

$("#map").live("click", function(ob) {
  ob.stopPropagation();
  $("body").addClass("on-toggle");	
});
$("body").live("click", function() {     
  $(this).removeClass("on-toggle");
});

jQuery выше 1.9

$("#map").on("click", function(ob) {
  ob.stopPropagation();
  $("body").addClass("on-toggle");	
});
$("body").on("click", function() {     
  $(this).removeClass("on-toggle");
});

Comments

[Aleksander911]

Большое спасибо!