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 - это идентификатор DIV в HTML.

Бит диалога в основном адаптирован из примера jQuery: http://jqueryui.com/demos/dialog/#modal

Все это прекрасно работает до последней строки. Firefox выдает ошибку, которая просто говорит «$ (» для этой строки. Кто-нибудь знает, что может быть причиной этого?

Answer 1

Код пользовательского интерфейса jQuery отделен от "основного" 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: http://jqueryui.com/download

Как примечание по стилю, полезно привыкнуть использовать стиль jQuery "цепочка":

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

Это экономит некоторую работу, особенно когда селектор сложен.