입력 텍스트 상자의 오른쪽에있는 텍스트 위치 (텍스트 상자의 위치)

Question

이 위치와 관련된 몇 가지 질문을 확인했지만 입력 상자의 제목 내에있는 이미지에는 아무런 영향이 없습니다.

몇 가지 입력 상자가 있습니다. 입력 상자의 제목 내에 이미지를 추가하는 예제처럼 입력 상자에 입력 할 내용을 사용자에게 몇 가지 추가 도움말을 제공하는 몇 개의 입력란이 있습니다. Jquery 툴팁과 함께 나타납니다.

JQuery와 툴팁 코드 :

$(function() { 
$(document).tooltip({ 
    items: "[title]", 
    content: function() { 
    var element = $(this); 

    if (element.is("[title]")) { 
     return element.attr("title"); 
    } 

    } 
}); 

것은 내가 입력 상자의 오른쪽에 표시하는 툴팁 (그것에 이미지 또는 텍스트)에 대해 원하는 것입니다. 아래의 예와 같이

이 결과를 얻는 코드는 다음과 같습니다 (텍스트 만 입력 할 수 있지만 IMG는 사용할 수 없음) img를 이미지가 아닌 텍스트로 표시합니다. 예를 들어 http://jqueryui.com/tooltip/#forms

이 바이올린 : 어떤 제안을 이해할 수있을 것이다 http://jsfiddle.net/8ejaeyL4/

.

감사합니다.

Answer 1

해결책을 찾았습니다. 이미지를 제목에서 불러 오지 않고 툴팁 컨투어 옵션을 사용한 다음 #forms 코드를 사용하여 필요한 부분을 찾으십시오.

<label for="trial"> Trial1 input type"text" id="test1" href="#" title="test1" >

이

은

`$(document).ready(function() { 
    $("#test1").tooltip({ 
    content: '<img src="images/prdnumber.jpg"/>' }); 



$("[title]").tooltip({ position: {my: "left top", at: "right+5 top-5"}}); 

이

를 작동하는 JQuery와 있습니다