jQuery jqtransform在同一页面z-index上的多个表单?

时间:2012-03-01 11:15:14

标签: jquery z-index jqtransform

http://auteli.com/login.php

登录:Autelek 传球:Autelek123

转到我的地理应用

现在我有几个下拉菜单和z-index的问题,下拉列表互相隐藏。我试过z-index!重要的是,用javascript更改z-index但仍然没有。我相信它有多种形式。

1 个答案:

答案 0 :(得分:1)

当我点击添加(可用区域)时,其他组合尝试重新加载,但它们失败。

如果你想重新加载这些组合,你需要重置选择容器样式和内容(div容器 - >删除类jqTransformSelectWrapper并删除两个子项,然后再选择它)。

我为jqTransform创建了一个函数。像这样:

$.fn.jqTransSelectReset = function () {
    this.each(function () {
        var item = $(this);
        if (item.hasClass('jqTransformHidden')) {
            item.removeClass('jqTransformHidden');
            $(item.parent().get(0)).removeAttr('style');
            $(item.parent().get(0)).removeAttr('class');
            $(item.parent().get(0, 'children').firstChild).remove(); // div
            $(item.parent().get(0, 'children').firstChild).remove(); // ul
        }
    });
    // this class is just a flag - remove it
    $('select').removeClass('jqTransformHidden');
    // re-run the transformation in all selects
    return $('select').jqTransSelect();
};

然后你加载你的组合框并像这样调用函数jqTransSelectReset:

$('#yourSelectToRefresh').load(...); // fake method to load combobox
$('select').jqTransSelectReset();

希望它有所帮助!

最诚挚的问候。

请记住:如果有帮助,请投票! =)