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屋！