Question

我有一个Google Instant风格的jQuery搜索脚本，用于查询PHP文件，然后将结果解析为HTML div。它使用标签为用户定义他们想要的搜索类型，并且在进行搜索时，会创建一个类似于＃类型 / 查询的URL /

目前，在页面加载时使用$('#query').focus();功能选择搜索框，但是我希望在重新加载页面时取消选择它并且#query中有文本。我该怎么做呢？我希望你能理解我的问题。

我的jQuery代码是：

$(document).ready(function () {
    $('[id^=type_]').click(function () {
        type = this.id.replace('type_', '');
        $('[id^=type_]').removeClass('selected');
        $('#type_' + type).addClass('selected');
        return false;
    });
    $('#query').focus();
    if (window.location.hash != "") {
        var full = window.location.hash.replace('#', '');
        var queryType = full.substring(0, full.indexOf("/"));
        $('#type_' + queryType).click();
    } else {
        $('#type_search').click();
    }
    $('#query').keyup(function () {
        var query = $(this).val();
        var url = '/' + type + '/' + query + '/';
        window.location.hash = '' + type + '/' + query + '/';
        document.title = $(this).val() + ' - My Search Script';
        $('#results').show();
        if (query == '') {
            window.location.hash = '';
            document.title = 'My Search Script';
            $('#results').hide();
        }
        $.ajax({
            type: 'GET',
            url: url,
            dataType: 'html',
            success: function (results) {
                $('#results').html(results);
            }
        });
    });
    if (window.location.hash.indexOf('#' + type + '/') == 0) {
        query = window.location.hash.replace('#' + type + '/', '').replace('/', '');
        $('#query').val(decodeURIComponent(query)).keyup();
    }
});

Answer 1

从现在的位置移除$('#query').focus();，然后将其添加到其他内容中：

if (window.location.hash.indexOf('#' + type + '/') == 0) {
    query = window.location.hash.replace('#' + type + '/', '').replace('/', '');
    $('#query').val(decodeURIComponent(query)).keyup();
}else {
    $('#query').focus();
}

在jQuery中取消选择一个文本框

1 个答案: