我正在开发一个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
});
}
}
我提到的上述代码在删除时导致问题,导航工作正常。但我需要所有的插件才能工作。我该如何解决这个问题?