@mister_pibodi

Как устранить конфликт между яндекс картами и скриптами на jquery?

Здравствуйте!

Сделал на Jquery раздвижное меню:

$(document).ready(function(){
    $('#menu > li'){
        .hide()
        .click(function(e){
        e.stopPropagation();
    }
}
});
$('#menu > li').toggle(function(){
    $(this).find('ul').slideDown();
    }, function(){
        $(this).find('ul').slideUp();
    });

});


Был блок с картой места. Пришлось поменять гугловские карты на яндексовские, после чего меню свернулось в узкую полоску и после небольшого шаманства всё таки открылось, но теперь при открытии страницы меню автоматически отображается развернутым и не сворачивается при нажатии. FancyBox тоже перестал работать - страница не открывается внутри страницы. Как это можно исправить?

Коды карт

src="yandex.st/jquery/2.1.1/jquery.min.js" type="text/javascript">
src="api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript">
src="api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript">

var myMap;
  ymaps.ready(init); // Ожидание загрузки API с сервера Яндекса
  function init () {
    var myMap = new ymaps.Map('map', {
            center: [5,12],
            zoom: 12,
            
        }, {


            searchControlProvider: 'yandex#search'
        }),

    

    // Создаем геообъект с типом геометрии "Точка".
        myGeoObject = new ymaps.GeoObject({
            // Описание геометрии.
            geometry: {
                type: "Point",
                coordinates: [15,94.14841]
            },
            // Свойства.
            properties: {
                // Контент метки.
                
               
            }
        }, {
            // Опции.
            // Иконка метки будет растягиваться под размер ее содержимого.
            preset: 'islands#blackStretchyIcon',
            // Метку можно перемещать.
            draggable: true
        });



        myMap.controls.add('smallZoomControl');
        myMap.controls.add('typeSelector');

    myMap.geoObjects
        .add(myGeoObject)
        
       
        
        
        
        
        .add(new ymaps.Placemark([58, 32], {
            
            hintContent: 'Проспект Энгельса'
        }, {
            preset: 'islands#circleIcon',
            iconColor: '#4d7198'
        }))
        .add(new ymaps.Placemark([12,49], {
            hintContent: 'Третья улица Строителей'
        }, {
            preset: 'islands#circleDotIcon',
            iconColor: '#1faee9'
        }));
}
  • Вопрос задан
  • 1429 просмотров
Решения вопроса 1
@mister_pibodi Автор вопроса
Часть ошибок из консолей я устранил - одна из них была очень занятной, нужно было отключить адблок)

В общем то проблема решена - всё оказалось, как обычно, намного проще. Нужно было просто поменять местами всякие

<script src="http://yandex.st/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
        <script src="http://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
        <script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
       <script src="js/jquery-1.6.3.min.js"></script>
     

       <link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet">
        <script src="fancybox/jquery.fancybox-1.3.4.min.js"></script>


До этого я переставлял местами скрипты, которые выложил выше и ковырялся в коде функций.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы