将不在输入文本框标题中的图像定位到（文本框）右侧答案

【问题标题】：Position to the Right (of text box) an Image tha't s in Title of Input Text Box将不在输入文本框标题中的图像定位到（文本框）右侧
【发布时间】：2015-01-19 20:50:53
【问题描述】：

我检查了一些与此定位相关的问题，但对于我在输入框中标题中获得的图像没有任何作用。

我有几个输入框，每个输入框都有一个标题，可以为用户输入一些额外的帮助，例如，我在输入框的标题中添加了一个图像，即与 Jquery 工具提示一起显示。

jquery 工具提示代码：

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

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

  }
});

问题是我希望工具提示（其中的图像或文本）显示在输入框的右侧。如以下链接中的示例

这是获得此结果的代码：（适用于 TEXT 但不适用于 IMG）它将 img 显示为文本而不是图像。 http://jqueryui.com/tooltip/#forms

这个小提琴例如：http://jsfiddle.net/8ejaeyL4/

任何建议将不胜感激。

谢谢

【问题讨论】：

标签： image input tooltip show title

【解决方案1】：

我找到了解决方案。不是从标题中加载图像，而是使用工具提示连接选项，然后使用#forms 代码将其定位到我需要的位置。

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

这是jquery

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



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

作品

【讨论】：