JQuery와 자바 스크립트 오류 사용하여 $ (...) 선택

Question

나는 JQuery와 일부 예전의 코드를 마이그레이션하고 있습니다 : ajaxArea는 HTML의 DIV의 ID입니다

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

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

.

대화 비트

은 기본적으로 여기에 jQuery를 예에서 적응 : http://jqueryui.com/demos/dialog/#modal

그것의 모든 마지막 줄까지 잘 작동합니다. 파이어 폭스는 단순히 "$는 ("그 줄을 말한다. 누구든지이 원인이 될 수 무엇인지에 오류가? 발생

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, 몇 가지 작업을 절약 할 수 있습니다. 선택기가 복잡 할 때.