Chaosengel_Gabriel
Erfahrenes Mitglied
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:
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:
Code:
$(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 }
});
});