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
UI（全部）：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
  });

它节省了一些工作，尤其是当选择器很复杂时。

使用$（...）选择器jquery javascript错误

1 个答案: