javascript
  • jquery
  • twitter-bootstrap
  • 2016-02-20 4 views -1 likes 
    -1

    Я добавляю поповер к моему когда выпадающее меню изменяетсяBootstrap поповер не показывает, когда динамически добавляемые

    $('#boarding').on('change',function(){ 
        var drl="sometext"; 
        txt='<td><a style="color:#333;" href="#" title="Dropping points" data-toggle="popover" data-trigger="focus" data-content="'+drl+'">Newitem</a></td>'; 
    $('#result').html(txt); 
    }); 
    

    Также я добавляю это в document.ready

    $('[data-toggle="popover"]').popover({html:true,trigger: "hover"}); 
    

    Когда я наведите курсор мыши на него dosen't показывает popover, но текст присутствует в data-content

    ответ

    2

    Вы должны переместить .popover() вызова внутри слушателя change события:

    $('#boarding').on('change',function(){ 
        var drl="sometext"; 
        txt='<td><a style="color:#333;" href="#" title="Dropping points" data-toggle="popover" data-trigger="focus" data-content="'+drl+'">Newitem</a></td>'; 
        $('#result').html(txt); 
        $('[data-toggle="popover"]').popover({html:true,trigger: "hover"}); 
    }); 
    
    0

    Попробуйте инициализировать popover после того, как вы его добавили:

    $("a[data-toggle=popover]").popover(); 
    

    Добавить аналогичный вызов после $('#result').html(txt);.

    Смежные вопросы