popover po zmianie zdjecia nie pokazuje dymku Opcje

[rad11]

Mam taki przykladowy kod:

[HTML] pobierz, plaintext 
<a data-id="<?php echo $account['id']; ?>" class="logout"><img data-html="true" data-action="show_status" class="acclist_action_icon" src="/static_local/glyphicons/png/glyphicons_386_log_in.png" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Zalogowany, kliknij aby wylogować. <br />Ostatnia aktywnosc:  <span class='tooltip-timeactive'><?php echo date('Y-m-d H:i:s', $account['login_data']['time_activ']); ?></span>.<br />Czas wygaśnięcia o: <span class='tooltip-timeactive'><?php echo date('Y-m-d H:i:s', strtotime('+8 hours', $account['login_data']['time_activ'])); ?></span> "/></a>
[HTML] pobierz, plaintext 

Po kliknieciu:

[PHP] pobierz, plaintext 
$('.logout').on('click', function (e) {
        e.preventDefault();
        var $this = $(this);
        var data_id = $this.attr('data-id');
        logoutUser(data_id, $this);
    });
 
    function logoutUser(data_id, $this) {
        var r = confirm("Czy napewno chcesz wylogować użytkownika?");
        if (r == true) {
            $this.replaceWith('<img data-action="show_status" class="acclist_action_icon logouted" src="/static_local/glyphicons/png/glyphicons_387_log_out.png" data-container="body" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="Wylogowany" data-original-title title/>');
 
            $('.popover').remove();
 
            $.ajax({
                method: "POST",
                url: "/apps/administration/accounts/logout",
                data: {
                    account_id: data_id
                },
                dataType: "JSON",
                success: function (res) {
                    $('img[data-action=show_status]').popover();
                }
            });
        } else {
            return false;
        }
    }
[PHP] pobierz, plaintext 

Ikonka sie zmienia. Dymek znika, ale nie pojawia sie nowy dymek. Jakies pomysly jak to rozwiazac?

[by_ikar]

http://getbootstrap.com/javascript/#popovershow

Kod

$('img[data-action=show_status]').popover('show');

Domyślnie popover ma podpięte zdarzenie click: http://getbootstrap.com/javascript/#popovers-options więc musisz go wywołać ręcznie.

[rad11]

Tak ale tu nie chodzi o klikniecie w dymek tylko po kliknieciu w img podmieniam obrazek ktory ma nowe popup body. I wtedy jak juz jest nowy obrazek to nie pokazuje sie dymek dla nowego obrazka. Dodanie show nic nie zmienilo.

[trueblue]

http://stackoverflow.com/a/17864795

[rad11]

Dodam ze po najechaniu na ten obrazek to wogole nie tworzy elementow popover w dokumencie html.

[sunpietro]

Zapewne przypiąłeś event kliknięcia w element do pierwszego obrazka. Po załadowaniu nowego obrazka poprzedni element DOM został usunięty a do nowego nie został podpięty event kliknięcia i dlatego nie pojawia ci sie dymek. Musisz inaczej podpiąć eventy, np. do kontenera rodzica i tam sprawdzać czy element jest obrazkiem i wtedy odpalać akcje związane z pokazywaniem dymka.