Databases
StackOverflow2013
Postsdbo
POPopovers not showing up on first click but show up on second click
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPopovers not showing up on first click but show up on second click
    primarykey
    data
    text
    <p>I found a related post which did not help: <a href="https://stackoverflow.com/questions/12333585/twitter-bootstrappopovers-are-not-showing-up-on-first-click-but-show-up-on-seco">Twitter bootstrap:Popovers are not showing up on first click but show up on second click</a></p> <p>The difference is in my page I have several elements which require popover (several tips-icon), so I need to loop over them.. </p> <p>My markup:</p> <pre><code>&lt;a href="#" name="click_help_container" id="click_mainhomeform_tasks" data-original-title=""&gt;&lt;img class="help_icon" src="http://media.mysite.com/pub/images/help/tips-icon.png"&gt; &lt;/a&gt; </code></pre> <p>This is my javascript:</p> <pre><code> var h=document.getElementsByName("click_help_container"); for (i=0;i&lt;h.length;i++) { $('#'+h[i]['id']).click( function () { var id=$(this).attr("id"); getHelp(id,$(this),function(t,elem) { var isVisible = false; var clickedAway = false; $(elem).unbind('click'); $(elem).popover( { "title":t.title, "content":"&lt;p class='popover_body_text'&gt;"+t.content+"&lt;/p&gt;", "html":true, "animation":true, "placement":"bottom", "trigger":"manual" }).click(function(e) { $(this).popover('show'); clickedAway = false; isVisible = true; e.preventDefault(); }); $(document).click(function(e) { if(isVisible &amp; clickedAway) { $(elem).popover('hide') isVisible = false; clickedAway = false; }else { clickedAway = true; } }); //$(elem).popover('show'); }); }); } </code></pre> <p>The problem is when I click on the tips-icon.png button, the popover doesn't show up on first click (I guess it's because I have 2 .click() calls When I click on the button the second time popover shows up and it then maintains it's toggle behavior from there onwards.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USTal
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPopovers not showing up on first click but show up on second click
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POPopovers not showing up on first click but show up on second click
      1. USGraham
      1. VTFavorite
    3. VO
      singulars
      1. POPopovers not showing up on first click but show up on second click
      1. This table or related slice is empty.
      1. VTUpMod
    1. COis it necessary to unbind the click when you are preventing the default action in your next click handler.Is getHelp and Ajax call or something? I think itd be better to attach these handlers via a class rather than getting the elements by name and looping over them yourself you could just do $('.my-popover-class').click(function () { // Your Logic }); and that will attach the event to all objects of that class. While native javascript is faster than jQuery you are still using it here you should probably utilize it.
      singulars
      1. POPopovers not showing up on first click but show up on second click
      1. USBillPull
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload