popover inside collapse Название с аккордеонным стилем

Question

Я использую тему Twitter Bootstap, и я пишу это [code], который реализует крах в стиле аккордеона. В названии я разместил звезду, которая плавает справа. Теперь я хочу открыть окно, когда пользователь нажимает на звезду, но без содержания аккордеона, чтобы быть скрытым или показанным!

Как я закодировал, если содержание аккордеона открыто, и я нажимаю на звезду, есть поппер, но содержание аккордеона скрыто (и наоборот). Как я могу отключить это?

Answer 1

Вот решение, с которым я пришел.

$('#foo').popover({ 
    placement : 'right', 
    content : 'some text' 
}); 

$('#foo').click(function(){ 
    var myLink = $(this).parent().attr('href'); 
    var el = $(this).parent(); 
el.attr('href',''); 
setTimeout(function(){el.attr('href',myLink);},100) 
}); 

Что я здесь делаю, когда звезда щелкнул я отключив ссылку аккордеона за 100 миллисекунд, прежде чем я снова включить его. В идеале вы хотели бы отключить аккордеон, а затем включить его, как только popover будет показан или закрыт. Но я не мог найти способ проверить эти события.

Однако я работал с этим кодом некоторое время, и он отлично работал. Я не мог найти никаких проблем. Удачи.

Update

Хорошо так, чтобы остановить аккордеоне двигаться, когда поповер была нажата. Я слушаю щелчок по popover, и если щелчок щелкнул, то я делаю то же самое, что и до отключения аккордеона в течение 100 миллисекунд. Приветствия.

$('#foo').popover({ 
    placement : 'right', 
    content : 'some text' 
}); 

$('#foo').click(function(){ 
    var myLink = $(this).parent().attr('href'); 
    var el = $(this).parent(); 
    el.attr('href',''); 
    setTimeout(function(){el.attr('href',myLink);},100); 
}); 

$(document).ready(function(){ 
    $('#accordion2').on('click', '.popover', function() { 
     var myLink = $(this).parent().attr('href'); 
     var el = $(this).parent(); 
     el.attr('href',''); 
     setTimeout(function(){el.attr('href',myLink);},100); 
    }); 
});