bootstrap popover loading

Hallo Ich versuche, "Loading ..." Text oder Spinner-Bild zu zeigen, bis der dynamische Ajax Inhalt lädt, weil ich eine sehr große Anzahl von Daten mit mindestens 2-3 Sekunden dauert, um vollständig zu laden hier ist mein Ajax-Codebootstrap popover loading

$(document).ready(function(){ 
    $('[data-toggle="popover"]').popover({ 
    trigger: "hover", 
    title:fetchData, 
    html:true, 
    placement:'right' 
    }); 
    function fetchData(){ 
    var fetch_data = ''; 
    var element = $(this); 
    var id = element.attr("id"); 
    $.ajax({ 
    url:"includes/modDashboard/GetSummaryInfo.php", 
    method:"POST", 
    async:false, 
    data:{id:id}, 
    success:function(data){ 
    fetch_data = data; 
    } 
    }); 
    return fetch_data; 
    } 
});

Quelle

2017-05-20 Rtra

Ok, aber nach dem Erfolg l oad die Anfrage, die Sie brauchen, um das Popover zu verbergen. Recht ? – tailhour

Nope Popover bleibt offen, bis Maus aus Ich fand eine ähnliche Sache auf diesem Link http://jsfiddle.net/wormmd/sb7bx5e4/ aber es ist wirklich schwierig zu integrieren, aber Sie werden klar sein für das, was ich suche – Rtra

Jetzt habe ich es :) Es ist nicht so schwierig, Rtra. Sie müssen nur die Daten vom Erfolgsrückruf analysieren. for (var k in Daten) { $(). Anhängen (data [k]) } – tailhour

Meine Lösung für das Problem im Zusammenhang: jshiddle

<div class="col-lg-6"> 
    <a href="#" data-toggle="popover1" class="btn btn-block btn-default" id="cash_4"> 
     Cash Summary 
    </a>

Viel Glück und sieht Rtra :)

Quelle

2017-05-20 21:19:09 tailhour

danke funktioniert perfekt – Rtra

bootstrap popover loading

Antwort

Verwandte Themen