Önyükleme önyükleme çağrısı geri çağırma Kullanılıyor

Question

Şu anda formumla bazı ek alanlar eklemek için önyükleme engelleyicileri kullanıyorum. Seçtiğim kutularımı biçimlendirmek için, popover geri çağırma özelliğinden faydalanmam gerekiyor, ancak geri çekilmeyi ateşleyemiyorum. Eğer jsfiddle kullanmayı tercih ederseniz, check it out here. Önerileriniz için teşekkürler.

$("[data-toggle=popover]").popover({ 
 
    html: true, 
 
    content: function() { 
 
    return $('#popover-content').html(); 
 
    }, 
 
    showCallback: function() { 
 
    alert('called back'); 
 
    } 
 
});

.container { 
 
    padding: 20px; 
 
} 
 
.form-control { 
 
    width: 120px; 
 
} 
 
.popover { 
 
    max-width: 400px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
 
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <h3>Bootstrap 3 Popover HTML Example</h3> 
 
    <ul class="list-unstyled"> 
 
    <li><a data-placement="bottom" data-toggle="popover" data-container="body" data-placement="left" type="button" data-html="true" href="#" id="login"><span class="glyphicon glyphicon-search" style="margin:3px 0 0 0"></span></a> 
 
    </li> 
 
    <div id="popover-content" class="hide"> 
 
     <form class="form-inline" role="form"> 
 
     <div class="form-group"> 
 
      <h1>My content</h1> 
 
     </div> 
 
     </form> 
 
    </div> 
 
    </ul> 
 
</div>

Answer 1

yerine popover bu

yapacağını gösterildiğinde uyarısı tetikleme örneğin Yani popover events

inşa bot birini kullanmayı deneyin hiçbir popover seçeneği showCallback yoktur

$("[data-toggle=popover]").on('shown.bs.popover', function() { 
    alert('called back'); 
}); 

Güncelleyin: JS Fiddle bir örnek ...

Answer 2

Bunu deneyin: prototype jquery'yi kullanarak bir geri arama işlevi ekledim.

var tmp = $.fn.popover.Constructor.prototype.show; 
$.fn.popover.Constructor.prototype.show = function() { 
    tmp.call(this); 
    if (this.options.callback) { 
    this.options.callback(); 
    } 
} 

this.$("[data-toggle=popover]").popover({ 
    html: true, 
    content: function() { 
    return $('#popover-content').html(); 
    }, 
    callback: function() { 
    alert('called back'); 
    } 
}); 

fiddle numaralı telefondan güncellenmiştir.