需要帮助来解决与flexslider,waypoint.js和谷歌地图的冲突

时间:2014-10-24 04:55:04

标签: javascript jquery wordpress flexslider jquery-waypoints

我正在开发一个wordpress网站,我遇到了flexslider,google maps和waypoint.js之间的冲突。我在滚动时使用航点将导航粘到顶部。效果可以在这里看到http://arunbhat.com/wordpress 当向上和向下滚动时,导航闪烁,消失。

custom.js file

$('.navbar-wrapper').waypoint('sticky');

if ($(".worklogo").length>0)
    {
      $('.worklogo').flexslider(
      {
         animation: "slide", //This line causing the issue
        slideshow: false,
        itemWidth: 210,
        itemMargin: 5,

      });
    }

//Works when entire code below is removed

if ( $("#qva-googlemap").length>0 )
    { 
        var _self = $("#qva-googlemap"),
           $longitude = _self.data("longitude"),
           $latitude  = _self.data("latitude"),
           $title  = _self.data("title"),
           $image  = _self.data("image");

           if ( $longitude != '' && $latitude != '' )
           {

            var $latlng             = new  google.maps.LatLng($longitude,$latitude),
                $myOptions          = {
                    zoom            : 16,
                    center          : $latlng,
                    panControl      : false,
                    zoomControl     : false,
                    scrollwheel     : false,
                    scaleControl    : false,
                    mapTypeControl  : false,
                    draggable       : false,
                    // mapTypeId       : google.maps.MapTypeId.ROADMAP
                },

                // $tabContact         = ('tab-contact');

            // $content.bind('easytabs:after', function(evt,tab,panel) {
                // if ( tab.hasClass($tabContact) ) {
            $map = new google.maps.Map(document.getElementById("qva-googlemap"), $myOptions);
            new google.maps.Marker({
                position: $latlng,
                map: $map, 
                title: $title,
                icon: $image
            });
         }
    }

我提到的上述代码在删除时导致问题,导航工作正常。但我需要所有的插件才能工作。我该如何解决这个问题?

0 个答案:

没有答案