2013-05-02 73 views
0

我的工具提示似乎沒有正常工作,我做了一個小提琴並嘗試了所有其他選項,但似乎無法得到它的工作,窗體本身有大約50個表單域但是我只把4加到小提琴上。Jquery Tooltip .position on form items not working

我希望工具提示能夠對齊到表單字段的右側,而不會在重新輸入表單字段時搞亂。

http://jsfiddle.net/H2fWS/

請大家幫幫忙,如果你知道如何:)

下面是代碼:

jQuery(document).ready(function(){  
    jQuery(".information").hide(); 
    jQuery("#info_starttip").show(); 
    jQuery(".textbox").focus(function(){ 
     jQuery(".information").hide(); 
     var getid = this.id; 
     jQuery("#info_"+getid).position({ 
      of: this, 
      my: "right top", 
      at: "right top", 
      collision: "fit" 
     }).show();  
    }); 
}); 
+0

是否允許更改HTML? – Spokey 2013-05-02 12:15:44

+0

你想在哪裏顯示工具提示?因爲右上角的右上角會將他們放在彼此頂部。 – smerny 2013-05-02 12:23:38

回答

0

試試這個:http://jsfiddle.net/H2fWS/3/

jQuery(".information").hide(); 
     var getid = this.id; 
     jQuery("#info_" + getid).show().position({ 
      of: this, 
      my: "left top", 
      at: "right top", 
      collision: "fit" 
     }); 
    }); 
}); 

position()之前把show()並改變了它將其輸入的right top定位爲left top

此外,在您的jsfiddle中,您最後一個position()屬性後有一個逗號,但我注意到您的帖子中沒有它。如果它存在於您的實際代碼中,可能會導致某些瀏覽器出現問題。