首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >.position自动完成

.position自动完成
EN

Stack Overflow用户
提问于 2012-12-25 22:53:37
回答 1查看 908关注 0票数 0

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

但是如果我加上like right-2,那么翻转就会完全向左移动。我不是一个JavaScript代码,需要一些帮助,请。

这是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)}});

位置的部分在这里

代码语言:javascript
运行
复制
 position:{my:"right top",at:"right-2 bottom", collision:"flip horizontal"

问候

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-26 06:32:52

您可以阅读有关UI Position here的更多信息

为了得到你想要的东西,可能需要将以下代码添加到位置中:

代码语言:javascript
运行
复制
   position: {
             of:"#searchbox",
             offset: "-2px 0 0 0"
         }

在偏移量参数中可以设置长方体的位置

我希望这段代码能帮助你问候

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14031662

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档