的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的例子：​​

所有这一切都正常工作，直到最后一行。火狐抛出，简单地说：“$（”该行。任何人都知道什么可能导致这个错误？

Answer 1

的jQuery UI的代码是从“芯”的jQuery，你可以同时导入到来自谷歌的应用程序单独服务器：

• 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 
    }); 

这样可以节省一些工作，ESP。当选择器很复杂时。