执行外部 jQuery 代码而不调用显式函数

Question

我在外部文件中编写了一些 jQuery 代码，目的是匹配包含脚本的页面中的每个 标记。

我的目标是将脚本引用包含在目标页面的 标记中，并“运行”jQuery 代码，而无需调用任何函数。

我见过几个使用外部 jQuery 代码的示例，但它们都调用函数来执行（外部）代码。

如果我使用“普通”javascript，比如简单的警报，它们的执行不会有问题。当我尝试使用 jQuery 代码时，没有任何反应。

这是我的外部 jQuery 文件：

$(function() {     
    $("select").focus(function() {
        alert('selected...');
    }).change(function() {
        alert('changed...');  
    })   
});

即使我在开始时不使用 $(function())，我总是会在第一次出现 $ 时收到异常“Object Expected” ，即使留下 $(function() 并在括号内添加一个简单的警报，它也可以工作。

应该如何开发外部文件？

我在测试页中内联测试了外部脚本，它工作正常。

Answer 1

无论您的代码是内嵌在 HTML 页面中，还是通过

那么问题是在执行代码时 jQuery 尚未包含在内。查看包含文件的顺序，并确保 jQuery 位于依赖它的代码之前。

Answer 2

您可能在加载 jQuery 之前执行 jQuery 代码。在这种情况下，对 docready ($(function(){})) 的调用将会失败，因为 $ !== jQuery 还没有实现。通常为了完成这样的事情，我会在文件底部放置一些代码，类似于：

$(function(){
  var t = "external_file.js",
      s = document.createElement("script"),
      h = document.getElementsByTagName("head");

  s.src = t;
  s.type = "text/javascript"
  h.appendChild( s );
})

Answer 3

试试这个：

$(document).ready(function() {     
    $("select").focus(function() {
        alert('selected...');
    }).change(function() {
        alert('changed...');  
    })   
});