클래스 선택기로 정의 할 때 jQuery UI 단추가 작동하지 않지만 ID 선택기로 정상적으로 작동하는 이유는 무엇입니까?

Question

내 문서에 두 개의 버튼이 있습니다.

한 내 jQuery 코드에서 ID 선택기로 정의됩니다

<button id="reviewBtn" class="span-1">Review</button> 

$("#reviewBtn").button({ 
    icons: {primary: "ui-icon-triangle-1-e"}, 
    text: false 
}); 

다른 하나는 클래스 선택기로 정의됩니다

<button id="search_364489867" class="span-1 searchBtn search">Search</button> 

$("button.search").button({ 
    icons: { secondary: "ui-icon-triangle-1-e"}, 
    text: true 
}); 

클래스 선택기로 정의 된 버튼 (button.search)입니다 id 선택기 (#reviewBtn)로 정의 된 단추가 예상대로 나타나는 반면 jQuery UI 스타일로 장식되지 않습니다.

클래스 선택기로 버튼을 정의 할 수 있습니까?

그렇다면 동적으로 생성 된 id 값 (search_364489867)으로 어떻게 정의합니까?

Answer 1

대부분의 시간을 디버깅 할 때 가정을 점검하고 있습니다.

그래서 당신의 가정을 확인 : 대신 호출의 .button하는() 간단한 방법을 같은

$("button.search").slideUp(2000); 

를 버튼이 아무것도하지 않는 경우, 당신의 선택은 아마도 잘못된 것입니다. 버튼이 위로 움직이면 선택기가 올바르지 만 메서드 호출이 잘못되었거나 작동하지 않는다는 것을 알 수 있습니다.

그런 다음 메서드 호출 등을 통해 가정을 확인하십시오.