将输入文本框标题中的图像放置在（文本框的）右侧

Question

我检查了一些与此定位相关的问题，但 none 为我在输入框中的标题中找到的图像工作。

我有几个输入框，每个都有一个标题，可以帮助用户输入他们应该输入的内容，作为说明性示例，我在输入框的标题中添加了一张图片, 显示 Jquery 工具提示。

jquery 工具提示代码：

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

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

  }
});

我希望工具提示（其中的图像或文本）显示在输入框的右侧。如下面 link 中的示例

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

这个fiddle例如：http://jsfiddle.net/8ejaeyL4/

任何建议将不胜感激。

谢谢

Answer 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"}});

有效

将输入文本框标题中的图像放置在（文本框的）右侧

Position to the Right (of text box) an Image tha't s in Title of Input Text Box

image

input

tooltip

title

show