当前位置:  开发笔记 > 编程语言 > 正文

YUI自动完成错位问题

如何解决《YUI自动完成错位问题》经验,为你挑选了1个好方法。

替代文字

我正在使用自动完成YUI功能.但是,正如您所看到的,当我在文本输入前放置标签时,我无法将建议下拉与文本输入对齐.我正在按照这里的示例完全除了这段代码,我只是用表格中的label元素替换H3:

(我还必须将data.js路径从相对路径更改为绝对路径.)

将建议下拉到与文本输入对齐的最佳方法是什么?我想要一个适用于所有流行的现代浏览器(FF3,Safari,Chrome,IE)和IE6的解决方案.



1> Eric Miragli..:

每次显示时,AutoComplete都不会自动强制显示AC容器的位置,因为除非您正在进行内联工作,否则这是不必要的.但是,既然您已将输入字段内联移动,则需要采取另一个步骤来对齐容器,或者使用自定义CSS或强力JS定位.

这是蛮力的方法.

定义AC实例后:

oAC.doBeforeExpandContainer = function() {
    var Dom = YAHOO.util.Dom;
    Dom.setXY("myContainer", [Dom.getX("myInput"), Dom.getY("myInput") + Dom.get("myInput").offsetHeight] );
    return true;
}

这是一个有效的例子:

http://ericmiraglia.com/yui/demos/acalign.php

推荐阅读
拾味湖
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有