我正在使用自动完成YUI功能.但是,正如您所看到的,当我在文本输入前放置标签时,我无法将建议下拉与文本输入对齐.我正在按照这里的示例完全除了这段代码,我只是用表格中的label元素替换H3:
(我还必须将data.js路径从相对路径更改为绝对路径.)
将建议下拉到与文本输入对齐的最佳方法是什么?我想要一个适用于所有流行的现代浏览器(FF3,Safari,Chrome,IE)和IE6的解决方案.
每次显示时,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