javascript - jQuery 插件可通过控制台触发，但不能通过函数触发 - 为什么呢？

Question

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

<script>
postAjaxCalls();
</script>

那么，相应的函数如下所示:

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

当我重新加载页面时，除了工具提示插件之外，一切正常。现在，如果我将完全相同的代码发送到 JS 控制台，该插件就会被激活:

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

为什么呢？为什么通过控制台激活可以工作，但通过函数激活却不起作用？

干杯!

Answer 1

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

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();

});