jQuery Plugins triggerable by Console, but not by function - why that?

Question

I have a mysterious JS Problem: I activate different jQuery-Plugins with one function. It's called like this:

<script>
postAjaxCalls();
</script>

Then, the corresponding function looks like this:

function postAjaxCalls() {
    jQuery("[title]").tooltip(); 
    alert("this works great, tooltip not!");
    jQuery("select").selectbox();
}

When I reload the page, everything works but the tooltip plugin. Now, if I fire the exact same Code into the JS Console, the plugin is activated:

jQuery("[title]").tooltip();

Why that? Why does it work when activated via console, but doesn't work when activated via a function?

Cheers!

Trying putting it inside a document.ready – Mike Robinson Jul 18 '12 at 15:57 — Mike Robinson, Jul 18 '12 at 15:57
see comment to codeparadox: getting it anyways.. ?! – cukabeka Sep 21 '12 at 17:07 — cukabeka, Sep 21 '12 at 17:07

score 3 · Accepted Answer · answered Jul 18 '12 at 15:58

Try your code within $(document).ready(function() { .. }) in short $(function() { .. }) to execute your code after DOM ready.

jQuery(document).ready(function() {

  function postAjaxCalls() {
    jQuery("[title]").tooltip(); 
    alert("this works great, tooltip not!");
    jQuery("select").selectbox();
  } 
  postAjaxCalls();

});

OR in short

jQuery(function() {

  function postAjaxCalls() {
    jQuery("[title]").tooltip(); 
    alert("this works great, tooltip not!");
    jQuery("select").selectbox();
  } 
  postAjaxCalls();

});

that's paradox: I got that problem with another project as well. I use your advice (jQuery(function() {..})), but it still doesnt work until I execute $('.datepicker').datepicker(); in console!? — cukabeka, Sep 21 '12 at 17:06

score 0 · Answer 2 · answered Jul 18 '12 at 15:58

0

You are probably calling postAjaxCalls before the DOM is ready. When you call it from the console, the DOM is ready, so it works.

Try this:

$(function(){
    postAjaxCalls();
});

answered Jul 18 '12 at 15:58

gen_Eric

223,194
41
299
337

jQuery Plugins triggerable by Console, but not by function - why that?

2 Answers2

Linked