javascript - 使用 $(...) 选择器的 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
• 用户界面 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.