carousel滑块控件在bubbleinfo中不起作用(自定义infoWindow)

时间:2013-05-27 16:33:38

标签: twitter-bootstrap carousel slide infowindow

当“滑块”在里面时,如果它工作,但在infowindow内部控件不起作用

google.maps.event.addListener(marker, 'click', function(e) {
       console.log("click");
       var template = core.common.getTemplate("RealtyHoverCard");
       if(!template) return;
       //openInfoBubble(marker, map, realty); //refactor :3
       if(window.infoBubble !== null) window.infoBubble.close();
       window.infoBubble = new InfoBubble({
       content: '<div class="hcLoading"><img src="/img/spinner-nocnok.gif"/></div>',
       // position: new google.maps.LatLng(-35, 151),
       shadowStyle: 1,
       padding: 0,
       margin: 0,
       backgroundColor: '#FFFFFF',
       borderRadius: 5,
       arrowSize: 10,
       borderWidth: 2,
       borderColor: '#DFDFDF',
       disableAutoPan: false,
       hideCloseButton: false,
       arrowPosition: 10,
       arrowStyle: 0,
       backgroundClassName: 'hcGoogleMapWrap',
       closeSrc: common.utils.getUrl('img/bubble_close.png')
});
infoBubble.setContent(template);
infoBubble.open(map, marker);
dataService.realties.getHovercard(markerDto.id, function(data){
       var hovercardViewModel = new RealtyHovercardModel(data);                            
       ko.applyBindings(hovercardViewModel, $(".realty-hovercard").last()[0]);
}, null);

http://jsfiddle.net/Jorgelig/BvErb/36/

1 个答案:

答案 0 :(得分:0)

解决方案解除绑定并绑定点击

dataService.realties.getHovercard(markerDto.id, function(data){

    var hovercardViewModel = new RealtyHovercardModel(data);
    ko.applyBindings(hovercardViewModel, $(".realty-hovercard").last()[0]);

    $('.carousel-control.left').off('click').on('click', function(e) {
        $('#RealtyPicturesCarousel').carousel('prev');
        return false;
    });

    $('.carousel-control.right').off('click').on('click', function(e) {
        $('#RealtyPicturesCarousel').carousel('next');
        return false;
    });
},null);
相关问题