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 に答える