-1

Я пытаюсь установить собственный шаблон для popover с помощью параметров, но шаблон никогда не добавляется. Зачем? это код. Мне нужно, что метод работает, потому что я не могу использовать метод .popover (ЕСС ..)Bootstrap popover custom template not work

HTML:

<button type="button" data-loading-text="..." data-placement="bottom" id="selectRecipientsBtn" 
           data-toggle="popover" data-trigger="manual" 
           class="btn btn-default dropdown-toggle destinatariDiv"> 
           <span class="caret"></span> 
          </button> 


$('#selectRecipientsBtn').click(function(e) { 
    e.preventDefault(); 
    loadManagers("<c:url value='/secure/send/managers' />"); 
}); 



function loadManagers(urlToLoad){ var popoverTemplate = '<div class="popover popover-managers"><div class="arrow"></div>'+ 
      '<h3 class="popover-title"></h3><div class="popover-content">'+ 
      '</div><div class="popover-footer"></div></div>';function loadManagers(urlToLoad) { 

$("#selectRecipientsBtn").button('loading'); 

$.ajax({ 
    type : 'GET', 
    url : urlToLoad, 
    success : function(data, status, xhr) { 
     $("#selectRecipientsBtn").button('reset'); 
     $("#selectRecipientsBtn").data("bs.popover").options.html=true; 
     $("#selectRecipientsBtn").data("bs.popover").options.title='ciao'; 
     $("#selectRecipientsBtn").data("bs.popover").options.trigger='manual'; 
     $("#selectRecipientsBtn").data("bs.popover").options.content=data; 
     $("#selectRecipientsBtn").data("bs.popover").options.template= popoverTemplate; 
     $("#selectRecipientsBtn").popover("show"); 

    }, 
    error : function(xhr, status, error) { 
     alert("error"); 
    }, 
}); 

} 

ответ

3

Вы пробовали:

$("#selectRecipientsBtn").popover({ 
    title:'ciao', 
    trigger:'manual', 
    content:data, 
    template:popoverTemplate 
}); 
$("#selectRecipientsBtn").popover("show"); 
0
$('#selectRecipientsBtn').popover({ 
    html:true, 
    title: 'managers', 
    trigger : 'manual', 
    placement : 'bottom', 
    template: popoverMessageTemplate 
}); 


$('#selectRecipientsBtn').click(function(e) { 
    e.preventDefault(); 
    $("#selectRecipientsBtn").button('loading'); 

    $.ajax({ 
     type : 'GET', 
     url : "<c:url value='/secure/send/managers' />", 
     success : function(data, status, xhr) { 
      $("#selectRecipientsBtn").button('reset'); 
      $("#selectRecipientsBtn").data("bs.popover").options.html=true; 
      $("#selectRecipientsBtn").data("bs.popover").options.content=data; 
      $("#selectRecipientsBtn").popover("show");   
     }, 
     error : function(xhr, status, error) { 
      alert("error"); 
     }, 
    }); 
});