使用 $(...) 选择器的 jquery javascript 错误

Question

我正在将一些旧代码迁移到 jquery：

 xmlHttp.onreadystatechange = function() {
  if (xmlHttp.readyState == 4) {
   $("#" + ajaxArea).html (xmlHttp.responseText);

   $("#" + ajaxArea).attr('title', 'Login');
   $("#" + ajaxArea).dialog({
    height : 140,
    modal : true
   });
  }
 };

其中 ajaxArea 是 HTML 中 DIV 的 ID。

对话框位基本改编自这里的 jQuery 示例：http://jqueryui.com/demos/dialog/#modal

直到最后一行，所有这些都可以正常工作。 Firefox 抛出一个错误，该行只显示“$(”。有人知道这可能是什么原因吗？

Answer 1

jQuery UI 代码与“核心”jQuery 分开。您可以将两者都从 Google 的服务器导入到您的应用程序中：

• jQuery: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
• 用户界面（全部）：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js
• UI CSS：http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css

您也可以构建自己的自定义 jQuery UI 包，该包会更小（但不在 Google 上托管）。这是在 jQuery UI 网站本身完成的：http://jqueryui.com/download

作为样式说明，养成使用 jQuery 的“链式”样式的习惯是很好的：

$("#" + ajaxArea).html (xmlHttp.responseText)
  .attr('title', 'Login')
  .dialog({
    height : 140,
    modal : true
  });

它节省了一些工作，尤其是。 when the selector is complicated.