jqueryTOOLS를 사용하여 트리거 클래스를 기반으로 일부 툴팁의 위치를 ​​조정하십시오.

Question

jquery에 jqueryTOOLS 플러그인을 사용하여 내 사이트의 양식 필드 세트에 대한 툴팁을 생성하고 있습니다.

이벤트 트리거는 자바 스크립트의 작은 조각에 의해 결정됩니다 : 당신이 볼 수 있듯이

$(function() { 
$("#myform :input[title],label[title]").tooltip({ 
position: "top center", 
offset: [-10, 0], 
effect: "fade", 
opacity: 1.0 
     }); 
    }); 

,이 툴팁 onfocus 및 같은 S와 S의 제목 속성을 트리거합니다.

또한 툴팁의 configuartion이 자바 스크립트의 일부로서 발생하는 것을 볼 수, 위치뿐만 아니라, 설정 오프셋 등

내 문제 : 아무도

없다 위치는 툴팁이 적절한 형태로 필드에 상대적으로 차지할 수 있습니다. 일부 요소는 왼쪽에, 일부는 오른쪽에, 그리고 일부는 위에 표시해야합니다. 요소의 클래스에 따라 요소의 대체 위치를 지정하는 방법을 찾고 있습니다.

내가 시도 :

내가 왼쪽 그래서 등에 표시 팁을 필요로하는 위해 요소의 클래스 설정 : 추가를 포함하는 내 자바 스크립트를 조정

<input 
     title="This text becomes the tooltip" 
     class="errorleft" 
     type="radio" 
     name="somename" 
     value="value" 
     id="elementID" 
       /> 

다음을 트리거 :

$(function() { 
$("#myform :input[title],label[title]").tooltip({ 
position: "top center", 
offset: [-10, 0], 
effect: "fade", 
opacity: 1.0 
     }); 
    }); 

    $(function() { 
$("#myform.errorleft :input[title],label[title]").tooltip({ 
position: "center left", 
offset: [0, 0], 
effect: "fade", 
opacity: 1.0 
     }); 
    }); 

이 작동하지 않습니다 (그리고 왜 내가 볼 수있는) 내가 할 수있는 방법이 알고,하지만 난 방법을 볼 수 없습니다 지금까지 jqt 웹 사이트에서 찾을 수있는 문서 중 어느 것도이 문제를 논의하지 않았습니다. 이메일 필드는 클래스 "errorleft을"등이이 예에 -

많은 여기 jsFiddle

감사 모든 아이디어를 내 데모 양식을 사용하여 상황, 내가 시도 코드의 jsfiddle입니다 다른 모든 클래스는 클래스가 없습니다. 모든 툴팁이 오른쪽에 표시됩니다. http://jsfiddle.net/DjHr7/1/

Answer 1

선택자에 공백이 없습니다. 로 현재 #myform 및 클래스 가 .errorleft id를 가지고있는 요소를 찾아,

$("#myform.errorleft :input[title],label[title]") 

수단을 썼다. 그것은 다음과 같은 구문을 사용하여 작동합니다 :

이 의미

$("#myform .errorleft") 

, 클래스 인 요소를 찾을 수 있습니다.#myform의 ID를 가진 요소 내부을 errorleft는

(당신은 당신이 클래스 각 입력 필드이에 대한