JQueryUI自动完成IE6:如何使用bgiframe插件解决z-index问题? [英] JQueryUI autocomplete IE6: how to use bgiframe plugin to solve z-index issue?
问题描述
亲爱的,
我的(.aspx)页面中的
我有一个JQueryUI自动完成控件,还有一个DropDownList。
使用IE6:
当我输入自动填充文本框时,建议列表会打开,但它会在DDL后面呈现。 />
i尝试使用bgiframe插件来解决问题,但是它给出了一个错误。
i包含了bgiframe。我的母版页中的js版本(3.0.1):
dear all,
in my (.aspx) page i have a JQueryUI autocomplete control, and a DropDownList under it.
using IE6 :
when i type in the autocomplete textbox, the suggestions list opens, but it gets rendered behind the DDL.
i tried to use bgiframe plugin to solve the issue, but it's giving an error.
i have included bgiframe.js version (3.0.1)in my master page, :
<script type="text/javascript" src="scripts/jquery.bgiframe.js"></script>
我的Jquery版本是1.8 <单独的.js文件中的
我有一个创建自动完成控件的功能:
my Jquery version is 1.8
in a seperate .js file i have a function that creates autocomplete control:
function CreateAutoComplete(labelTextBox, idTextBox) {
$("#" + labelTextBox).autocomplete({ source: arr,
focus: function (event, ui) {
$("#" + labelTextBox).val(ui.item.label);
$("#" + idTextBox).val(ui.item.value);
return false;
},
change: function (event, ui) {
if (ui.item == null) {
$("#" + labelTextBox).val("");
$("#" + idTextBox).val("");
}
},
select: function (event, ui) {
$("#" + labelTextBox).val(ui.item.label);
$("#" + idTextBox).val(ui.item.value);
return false;
} //,
});
} // function
我在(aspx)页面中的
:
in the (aspx) page i have:
<input id="employee" name='input' type="text" style="width: 98%; " dir="rtl"
lang="ar" class="text-field" />
<input id="empID" type = 'hidden'/>
in $(document).ready我有:
in $(document).ready i have :
CreateAutoComplete("employee", "empID");
$("#employee").bgiframe();
当我浏览页面时出现错误:
htmlfile:意外调用方法或属性访问
任何想法?提前谢谢
when i browse the page i get an error:
htmlfile: unexpected call to method or property access
any ideas? thanks in advance
推荐答案
( # + labelTextBox).autocomplete({source:arr,
focus: function (event,ui){
("#" + labelTextBox).autocomplete({ source: arr, focus: function (event, ui) {
( # + labelTextBox).val(ui.item.label);
("#" + labelTextBox).val(ui.item.label);
( # + idTextBox).val(ui.item.value );
返回 false ;
},
更改: function (event,ui){
if (ui.item == < span class =code-keyword> null ){
("#" + idTextBox).val(ui.item.value); return false; }, change: function (event, ui) { if (ui.item == null) {
这篇关于JQueryUI自动完成IE6:如何使用bgiframe插件解决z-index问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!