pikachoose and popover Conflict
<p>Im new to jQuery, I have been searching for a solution for my problem for a long time.</p>

<p>What happens is that I have Pikachoose and BootStrap PopOver working on the same site. They work togheder, the problem is that when Pikachoose loads a new picture my popOver disappears.</p>

<p>All the functions are beeing called locally</p>

<p>Thanks in advance, any help will be very appreciated.</p>

<p>so, for the PopOver we have :</p>

<pre><code>&lt;tr&gt;
    &lt;td&gt;
        &lt;script type="text/javascript" src="jquery.min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="jquery.popover-1.1.2.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="popbox.js"&gt;

        &lt;/script&gt;&lt;span class="Language"&gt;FR | EN &amp;nbsp;&amp;nbsp;  
        &lt;span id="ex3a"&gt;
            &lt;a href="#" id="ex3b"&gt;Login&lt;/a&gt;
        &lt;/span&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>and popbox.js </p>

<pre><code>// ActionScript Document

/* &lt;![CDATA[ */
$(document).ready(function($) {

    $("#ex3a").popover({
        title: "Login",
        url: "login.php",
        trigger: 'none'
    });
    $("#ex3b").click(function(event) {
        event.preventDefault();
        event.stopPropagation();
        $("#ex3a").popover('show');
        $("#pikame").stop(true, true);

    });


    /**
     * Collapse code blocks
     */
    var code_min_height = 150;
    jQuery('pre').each(function() {
        $this = jQuery(this);
        var org_height = $this.height();
        var toggld = false;
        if(org_height &gt; code_min_height)
            $this.height(code_min_height);
        $this.bind('click', function() {
            $this = $(this);
            if(toggld) {
                $this.stop(true, true).animate({ height: code_min_height });
                toggld = false;
            } else {
                $this.stop(true, true).animate({ height: org_height });
                toggld = true;
            }
        })
    });

    /**
     * Table of contents
     */
    toc_paragraph = function(p) {
        var ret = $('&lt;li&gt;&lt;a href="'+p.href+'"&gt;'+p.title+'&lt;/a&gt;&lt;/li&gt;');
        $.each(p.items, function(i, val) {
            if(ret.children('ul').length === 0)
                ret.append('&lt;ul /&gt;');
            ret.children('ul').append(toc_paragraph(val));
        });
        return ret;
    }
    generate_toc = function() {
        var toc = {};
        var toc_el = $('#table_of_contents');
        jQuery('a[name]').each(function() {
            $this = jQuery(this);
            var item = {};
            var name = $this.attr('name');
            var href = "#" + name;
            var title = $this.attr('title');
            if(typeof title === "undefined")
                title = $this.next().text();
            item.href = href;
            item.title = title;
            item.items = {};

            var split = $this.attr('name').split('_');
            if(split.length &gt; 1)
                toc[split[0]].items[name] = item;
            else
                toc[name] = item;
        });
        toc_el.empty();

        $.each(toc, function(i, val) {
            toc_el.append(toc_paragraph(val));
        });
    }
    generate_toc();

});
/* ]]&gt; */
</code></pre>

<p>and for the Pikachoose:</p>

<pre><code>&lt;link href="bootstrap.css" rel="stylesheet"&gt;
&lt;script type="text/javascript" src="lib/jquery.pikachoose.js"&gt;&lt;/script&gt;
&lt;script language="javascript"&gt;

$(document).ready(
    function (){
        $("#pikame").PikaChoose({transition:[1]});

});

&lt;/script&gt;

&lt;ul id="pikame"  style="display:none;"&gt;
  &lt;li&gt;&lt;a href="#"&gt;&lt;img src="photos/1.jpg" alt="1"/&gt;&lt;/a&gt;&lt;span&gt;description&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;&lt;img src="photos/2.jpg" alt="1"/&gt;&lt;/a&gt;&lt;span&gt;description&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;&lt;img src="photos/3.jpg" alt="3"/&gt;&lt;/a&gt;&lt;span&gt;description&lt;/span&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;&lt;img src="photos/4.jpg" alt="2"/&gt;&lt;/a&gt;&lt;span&gt;description&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
