title: Hide Bootstrap popover after a delay
body: <p>I already check out this answer: <a href="https://stackoverflow.com/questions/14528442/auto-hide-bootstrap-popover">Auto hide bootstrap popover</a>, but it does not seem to cover my exact scenario.</p>
  
  <p>I initialize my popovers in the window load function like this:</p>
  
  <pre><code>$(window).load(function(){
    $('#fileArea').popover({
      selector: '[rel=popover]'
    });
  });
  </code></pre>
  
  <p>The trigger is a table row element. Normally when a user clicks a row, an item gets added to a queue. Rather than binding or unbinding a bunch of stuff, I set up two separate click handlers. One to handle table rows that do NOT have <code>rel="popover"</code> (and after executing the code, I then add the rel attribute!) and one to handle table rows that indeed have <code>rel="popover"</code></p>
  
  <p>This is all working dandy; the separate listeners successfully distinguish between the two types of clicks. Here's the code for showing a popup on elements with the valid rel attribute:</p>
  
  <pre><code>$('#fileArea').on('click', 'tbody [rel=popover]', function(e) {
    var $this = $(this);
    $this.popover({container: '#fileArea', placement: 'top auto', content:"This file has already been added to the queue."});
    setTimeout(function() {$this.popover('hide')},3000);
  });
  </code></pre>
  
  <p>So, the popovers are already "initialized" (sort of... using the selector parameter with the #fileArea as the actual listener), and then when the popover method is called, the parameters being passed in create a successful popover. The setTimeout also works!</p>
  
  <p>But then I discovered that if the user clicks AGAIN, the popover will not appear. I suspect it has to do with passing in parameters rather than just calling the void method or passing the string 'show'. Unfortunately, I need to pass parameters rather than use the data- attributes to store the content.</p>
  
  <p>From console, if I select the row and then call <code>$el.popover('show')</code> on it, the popover appears again.</p>
  
  <p>My current thinking is that I need to figure out if the row already has a popover configured on it (not just initialized, but configured). However, I don't know how to find that out in order to create a conditional. The faked code would look something like this:</p>
  
  <pre><code>$('#fileArea').on('click', 'tbody [rel=popover]', function(e) {
    var $this = $(this);
    if(/* popover is configured */) {
      $this.popover('show');
    } else {
    $this.popover({container: '#fileArea', placement: 'top auto', content:"This file has already been added to the queue."});
    }
    setTimeout(function() {$this.popover('hide')},3000);
  });
  </code></pre>
  
  <p>Anybody have ideas for detecting if a popover is configured? Any alternative ways of accomplishing my goal?</p>