1

我已经做了一个工作的自动完成,但想修改结果应该有哪些类名而不编辑自动完成(插件)的 .js 或 .css 文件。

这是我的代码:

jQuery("#myID").autocomplete({
        source: "/java/ajax.php",
        focus: function (event, ui) {
            jQuery(event.target).val(ui.item.label);
            return false;
        },
        select: function (event, ui) {
            jQuery(event.target).val(ui.item.label);
            window.location = ui.item.value;
            return false;
        }
    });

更具体地说,我想从自动完成为结果创建的 ul-tag 和 li-tag 标记中删除类“ui-corner-all”。我怎么能用 jQuery 做到这一点?

4

1 回答 1

3

您可以在查询完成后运行 .removeClass() 命令。您必须将其挂钩到open事件中

jQuery("#myID").autocomplete({
        source: "/java/ajax.php",
        focus: function (event, ui) {
            jQuery(event.target).val(ui.item.label);
            return false;
        },
        select: function (event, ui) {
            jQuery(event.target).val(ui.item.label);
            window.location = ui.item.value;
            return false;
        },
        open: function (){$('.ui-menu-item a').removeClass('ui-corner-all');}
    });

但推荐的方法是使用他们网站上的主题滚轮来滚动您自己的主题:http: //jqueryui.com/themeroller/

或者简单地编辑主题的 CSS。这是推荐的方式。

于 2011-02-25T08:22:35.307 回答