Question

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

我有一些输入框，每个输入框都有一个标题，为用户提供了一些应该输入的内容，作为一个示例，我在输入框的标题中添加了一个图像，显示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/

任何建议都将不胜感激。

感谢

Answer 1

我找到了解决方案。不是从标题中加载图像，而是使用tooltip contect选项，然后使用#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"}});

作品

位于右侧（文本框）的图像位于输入文本框的标题中

1 个答案: