.position自动完成

时间:2012-12-25 14:53:37

标签: jquery autocomplete position

尝试将输入右侧autocomplete 2像素的翻转定位。库.position使我能够将值设置为“右”,“左”,...也可以添加像right+1这样的像素。

但是,如果我添加像right-2那样的翻转动作完全向左移动。我不是JavaScript代码,需要一些帮助。

这是JavaScript代码

 function html_entity_decode(b){var a=document.createElement("textarea");a.innerHTML=b.replace(/</g,"&lt;").replace(/>/g,"&gt;");return a.value}$.extend({getUrlVars:function(){var d=[],c;var a=window.location.href.slice(window.location.href.indexOf("?")+1).split("&");for(var b=0;b<a.length;b++){c=a[b].split("=");d.push(c[0]);d[c[0]]=c[1]}return d},getUrlVar:function(a){return $.getUrlVars()[a]}});$.widget("custom.catcomplete",$.ui.autocomplete,{_renderMenu:function(d,c){var b=this,a="";$.each(c,function(e,f){if(f.category!=a){f.category=html_entity_decode(f.category);d.append("<li class='ui-autocomplete-category'>"+f.category+"</li>");a=f.category}f.label=html_entity_decode(f.label);f.desc=html_entity_decode(f.desc);b._renderItem(d,f)})}});$(function(){$("#searchbox").catcomplete({source:function(c,a){c.term=escape(c.term);var b=$.getJSON("autocomplete.php",c,function(e,d,f){a(e)})},minLength:2,delay:200,position:{my:"right top",at:"right-2 bottom", collision:"flip horizontal"},highlight:true,select:function(b,c){var a=$.getUrlVar("XTCsid");if(a!=null){var d="?";if(c.item.link.indexOf("&")!=-1){d="&"}a=d+"XTCsid="+a}else{a=""}location.href=c.item.link+a;return false}}).data("catcomplete")._renderItem=function(b,d){var f="";if(d.desc!=null&&d.desc!=""){f="<div class='short_desc'>"+d.desc+"</div>"}var e="";if(d.image!=null&&d.image!=""){e="<div class='prod_img'><img src='"+d.image+"' /></div>"}var c="";if(d.price!=null&&d.price!=""){c="<div class='prod_preis'>"+d.price+"</div>"}var a="";if(d.label!=null&&d.label!=""){a="<div class='prod_name'>"+d.label+"</div>"}return $("<li></li>").data("item.autocomplete",d).append("<a><div class='prod_komplett'>"+e+a+f+c+"</div></a>").appendTo(b)}});

位置部分在这里

 position:{my:"right top",at:"right-2 bottom", collision:"flip horizontal"

问候

1 个答案:

答案 0 :(得分:0)

您可以阅读有关UI位置here

的更多信息

可以说,要获得您想要的东西,请将此代码添加到位:

   position: {
             of:"#searchbox",
             offset: "-2px 0 0 0"
         }

在偏移参数中,您可以设置框的位置

我希望这段代码可以帮到你 问候