添加bxslider

Question

我在我的一个Web应用程序中使用bxslider。滑块已成功启动。我还创建了一个单独的div，用于使用传单显示地图。我在地图中添加slile我的平移和弹出功能的那一刻无法正常工作。我可以知道我错在哪里吗？但浏览器控制台中没有错误。

$(document).ready(function () {
        $('.slider1').bxSlider({
            slideWidth: 150,
            minSlides: 0,
            maxSlides: 7,
            moveSlides: 5,
            slideMargin: 20,
    onSliderLoad: function(){
        $.material.init();
            var map = L.map('map').setView([21.14985, 79.080598], 4);
            var mapquest = L.tileLayer('http://otile{s}.mqcdn.com/tiles/1.0.0/{type}/{z}/{x}/{y}.png',{
                    subdomains: '1234',
                type: 'osm'
            }).addTo(map);
            var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
            });
            {% for stn, val in  stations.items %}
                    var {{ stn.split|join:"_" }} = L.marker([{{ val.0.1 }}, {{ val.0.0 }} ]).addTo(map);
                    var {{ stn.split|join:"_" }}_popup = {{ stn.split|join:"_" }}.bindPopup("<h4><b>{{ stn }}</b></h4>");
            {% endfor %}
    }
   });

  });