轮播滑块控件在气泡信息中不起作用（自定义信息窗口）答案

【问题标题】：carousel slider controls not work inside bubbleinfo(custom infoWindow)轮播滑块控件在气泡信息中不起作用（自定义信息窗口）
【发布时间】：2013-05-22 13:12:02
【问题描述】：

当“滑块”在里面时，如果它可以工作，但在信息窗口内，控件不起作用

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/

【问题讨论】：

我建议你添加你得到的错误信息

标签： twitter-bootstrap carousel slide infowindow

【解决方案1】：

解决办法是解除绑定并绑定一次点击

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);

【讨论】：