[HTML][Bootstrap 3] Opcje

[Fred1485]

Mam taki kodzik:

[HTML] pobierz, plaintext 
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-2 col-lg-offset-10">
            <a href="#" style="display: inline-block" class="pop" data-placement="bottom" ><img src="https://media.licdn.com/mpr/mpr/shrinknp_100_100/p/4/005/079/057/3730ae6.png" alt="img"></a>
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

+

[HTML] pobierz, plaintext 
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('.pop').popover({
            html: true,
            title: '<h4 class="text-primary">Profile</h4>',
            content: '<a data-toggle="tooltip" data-placement="left" title="Preferences" href="#" class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-cog"></span></a> <a href="#" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-user"></span></a>',
            trigger: 'focus'
        });
    });
</script>
[HTML] pobierz, plaintext 

Problem polega na tym, że po najechaniu na pierwszy element (glyphicon-cog) chcę uruchomić tooltip. Niestety nic się nie dzieje, jeśli kod html wrzucę gdziekolwiek do dokumentu, to oczywiście działa wszystko, natomiast nie wiem za bardzo jak się za to tutaj zabrać, gdy jest zwracany kod html przez js.

---- dla potomnych ----

pewnie da się to zrobić lepiej, taki sposób działa:

[HTML] pobierz, plaintext 
    $(function () {
        $('[data-toggle="tooltip"]').tooltip();
        $('.pop').popover({
            html: true,
            title: '<h4 class="text-primary">Profile</h4>',
            content: '<a data-toggle="tooltip" data-placement="bottom" title="Preferences" href="#" class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-cog"></span></a> <a href="#" data-toggle="tooltip" data-placement="bottom" title="Change details" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-user"></span></a>',
            trigger: 'focus'
        }).on('inserted.bs.popover', function () {
            $(this).next().find('[data-toggle="tooltip"]').tooltip();
        });
    });
[HTML] pobierz, plaintext