Question

我已经完成了自动完成工作，但想要修改结果应该具有的类名，而无需编辑自动完成（插件）的.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做到这一点？

Answer 1

您可以在查询完成后运行.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。这是推荐的方式。

jQuery UI自动完成删除类名

1 个答案: