jQuery插件可以由控制台触发，但不能由函数触发-为什么？

Question

我有一个神秘的JS问题:我用一个函数激活不同的jQuery-Plugins。它的名字是这样的：

<script>
postAjaxCalls();
</script>

然后，对应的函数如下所示：

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

当我重新加载页面时，除了工具提示插件之外，一切都可以正常工作。现在，如果我在JS控制台中启动完全相同的代码，插件就会被激活：

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

为什么呢？为什么控制台开通能用，函数开通不行？

干杯!

Answer 1

在DOM准备好之后，尝试在$(document).ready(function() { .. }) (简称$(function() { .. }) )中执行代码。

jQuery(document).ready(function() {

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

});

或者简而言之

jQuery(function() {

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

});

Answer 2

在DOM准备好之前，您可能正在调用postAjaxCalls。当您从控制台调用它时，DOM已经准备好了，所以它可以工作。

试试这个：

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