클릭() 클래스

Question

특정 클래스가있는 요소를 클릭하면 열리는 jQuery를 사용하여 대화 상자를 만들고 싶습니다.

<div class="clickme" data-dialogtitle="Foo">First Button</div> 
<div class="clickme" data-dialogtitle="Bar">Second Button</div> 

자바 스크립트 :.

$("#dialog").dialog({ 
    autoOpen: false 
}); 

$(".clickme").click(function() { 
    var title = $(this).data("dialogtitle"); 
    $("#dialog").dialog("option", {title: title}); 
    $("#dialog").dialog("open"); 
}); 

는 나에게 말한다 그러나

는 (". clickme") (클릭)는 함수가 아닙니다 $ 제목은

는 HTML 데이터에서 읽을 수 있어야 . 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

$(".clickme").click()이 기능이 아닐 경우 페이지에 jQuery를 포함하지 않았거나 사용하려고 시도한 코드가 페이지의 앞부분에있는 script 태그에있는 것처럼 보입니다. jQuery를 포함하는 스크립트 태그.

Here's an example 페이지가 jQuery 및 jQuery UI를로드하는 방법. 코드 자체는 귀하의 질문에서 축 어적이지만이 페이지는 스크립트 등을 참조합니다. ready (간접적으로, 바로 가기를 통해)의 사용을 시연하는 Here's a second example. 비록 첫 번째 기술 (body 끝 부분에있는 스크립트)을 사용할 수 있지만 선호됩니다. more here.