Popover in Popover via AJAX

[Chaosengel_Gabriel]

Hey Leute.
Ich benutze JQuery zur Vereinfachung der JS arbeiten und mit Bootstrap fürs Design und den "Style" ^^

Ich hab wunderhübsche Popovers die ihre Inhalte mittels AJAX laden... Nun möchte ich in einem dieser Popover ein weiteres Popover aufrufen lassen... Klappt soweit auch wunderbar...
Mein Problem, mit welchem Selector wähle ich den Inhalt des neuen Popovers ohne den des vorherigen zu beeinflußen...

Mein Script dazu:

$(function () {
  $('[data-toggle="popover"]').popover({
    html: true,
//    container: 'body',
    title: '',
    content: function() {
        var lines = $(this).data('lines');
        var height = Number(lines) * 30;
        var margin = ( height - 70 ) / 2;
        var loading_gif = '<img src="gfx/mini_loading.gif" width="60px" height="70px" style="margin-left: 120px; margin-top: ' + margin + 'px;">';
        return '<div style="width: 300px; height: ' + height + 'px; display: block; margin: 0; padding: 0;">' + loading_gif + '</div>';
    }
  });
  $('[data-toggle="popover"]').on('shown.bs.popover', function () {
    $.ajax({
        url: 'ajax/navigation.php',
        type: 'POST',
        data: { navi: $(this).data('target') },
        success: function(r) {
           $('.popover-content').html(r);
        }
    });
  });
  $('button[_title]').tooltip({
    title: function() {
        var c = $(this).attr('_title');
        return c;
    },
    placement: 'top',
    container: 'body',
    delay: { "show": 300, "hide": 100 }
  });
});

 

[Chaosengel_Gabriel]

Wald vor lauter Bäumen...
Da ich dies nur einmal nutzen müsste, pack ich einfach nen container div mit id ums ladebild und nutze dies als selector für den inhalt des requests...

hätte dennoch jmd ne elegantere lösung, wie man sowas flexibler lösen kann?

 

[Jan-Frederik Stieler]

Hi,
schonmal den Selector [data-toggle="popover"] > [data-toggle="popover"] oder mit .children('[data-toggle="popover"]') ausprobiert?

Grüße

 

[jeipack]

In wie fern wird den das ursprüngliche Popover beeinflusst wenn du deinem neuen Element einfach auch das data-attribute data-toggle="popover" gibst?

Auch interessant für dich: http://stackoverflow.com/questions/16990573/how-to-bind-bootstrap-popover-on-dynamic-elements