将CJuiAutoComplete与jQuery 1.8.0一起使用会在top = 0,left = 0处呈现自动完成列表

时间:2012-08-20 13:11:13

标签: jquery jquery-ui autocomplete yii

我正在使用yii框架并正在测试使用CJuiAutoCompletejQuery UI's Autocomplete功能 如果我使用的是我的yii版本附带的1.6.1版本,则Autocomplete字段可以正常工作。但是,如果我切换到jQuery 1.8.0,包含可供选择的选项的列表的呈现似乎不正确。我观察到运行1.6.1列表会在style参数中设置一个top和left值。但是,如果运行1.8.0,则这些值为零。 有没有其他人经历过这个?解决这个问题的好方法是什么? 我想我可以手动设置这些值,但更喜欢jQuery来处理这个:) 如果您需要查看任何代码,请与我们联系。

1 个答案:

答案 0 :(得分:1)

找到它,使用ui 1.8.2+,您需要包含以下UI文件:

UI CoreUI Widget,和 UI Position

要将它们包含在yii中,只需使用CClientScript调用它们:

Yii::app()->clientScript->registerScriptFile('//jquery-ui.googlecode.com/svn/tags/1.8.23/ui/jquery.ui.position.js');
Yii::app()->clientScript->registerScriptFile('//jquery-ui.googlecode.com/svn/tags/1.8.23/ui/jquery.ui.core.js');
Yii::app()->clientScript->registerScriptFile('//jquery-ui.googlecode.com/svn/tags/1.8.23/ui/jquery.ui.widget.js');

不完美,因为我假设Yii应该默认包含它们,但它确实有效。

感谢Chris在这里的回答:jquery ui autocomplete positioning wrong