Javascript 我的自动建议不能正常工作？ Ajax自动建议函数查找（inputString）{ 如果（inputString.length==0）{ $（“#建议”）.hide（）； }否则{ $.post（“/search/”，{q:“+inputString+”}，函数（数据）{ 如果（data.length>0）{ $（“#建议”）.show（）； $（'#autoSuggestionsList'）.html（数据）； } }); } } 函数填充（thisValue）{ $（'#inputString'）.val（thisValue）； setTimeout（“$（'#建议”）.hide（）；”，200）； } 身体{ 字体系列：Helvetica；字体大小：11px；颜色：#000； } h3{ 边际：0px；填充：0px； } .建议箱{ 位置：相对位置；左：30px；保证金：10px 0px 0px 0px；宽度：200px；背景色：#212427； -moz边界半径：7px； -webkit边界半径：7px；边框：2倍实心#000；颜色：#fff； } .建议列表{ 边际：0px；填充：0px； } .建议列表李{ 保证金：0px 0px 3px 0px；填充：3倍；光标：指针； } .建议列表李：悬停{ 背景色：#659CD8； } {result%%中的值为%1} {{{value} {%endfor%}_Javascript_Jquery_Python

Javascript 我的自动建议不能正常工作？ Ajax自动建议函数查找（inputString）{ 如果（inputString.length==0）{ $（“#建议”）.hide（）； }否则{ $.post（“/search/”，{q:“+inputString+”}，函数（数据）{ 如果（data.length>0）{ $（“#建议”）.show（）； $（'#autoSuggestionsList'）.html（数据）； } }); } } 函数填充（thisValue）{ $（'#inputString'）.val（thisValue）； setTimeout（“$（'#建议”）.hide（）；”，200）； } 身体{ 字体系列：Helvetica；字体大小：11px；颜色：#000； } h3{ 边际：0px；填充：0px； } .建议箱{ 位置：相对位置；左：30px；保证金：10px 0px 0px 0px；宽度：200px；背景色：#212427； -moz边界半径：7px； -webkit边界半径：7px；边框：2倍实心#000；颜色：#fff； } .建议列表{ 边际：0px；填充：0px； } .建议列表李{ 保证金：0px 0px 3px 0px；填充：3倍；光标：指针； } .建议列表李：悬停{ 背景色：#659CD8； } {result%%中的值为%1} {{{value} {%endfor%}

javascript jquery python

Javascript 我的自动建议不能正常工作？ Ajax自动建议函数查找（inputString）{ 如果（inputString.length==0）{ $（“#建议”）.hide（）； }否则{ $.post（“/search/”，{q:“+inputString+”}，函数（数据）{ 如果（data.length>0）{ $（“#建议”）.show（）； $（'#autoSuggestionsList'）.html（数据）； } }); } } 函数填充（thisValue）{ $（'#inputString'）.val（thisValue）； setTimeout（“$（'#建议”）.hide（）；”，200）； } 身体{ 字体系列：Helvetica；字体大小：11px；颜色：#000； } h3{ 边际：0px；填充：0px； } .建议箱{ 位置：相对位置；左：30px；保证金：10px 0px 0px 0px；宽度：200px；背景色：#212427； -moz边界半径：7px； -webkit边界半径：7px；边框：2倍实心#000；颜色：#fff； } .建议列表{ 边际：0px；填充：0px； } .建议列表李{ 保证金：0px 0px 3px 0px；填充：3倍；光标：指针； } .建议列表李：悬停{ 背景色：#659CD8； } {result%%中的值为%1} {{{value} {%endfor%},javascript,jquery,python,Javascript,Jquery,Python,我尝试了http://www.jeffadams.co.uk/2009/08/31/auto-suggest-with-php-jquery/但它对我不起作用。我哪里做错了？有人能提出建议吗？这不是对您问题的直接回答，但您是否尝试过使用“官方”jquery自动完成功能这不是对您问题的直接回答，但您是否尝试过使用“官方”jquery自动完成功能 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww

我尝试了

http://www.jeffadams.co.uk/2009/08/31/auto-suggest-with-php-jquery/

但它对我不起作用。我哪里做错了？有人能提出建议吗？

这不是对您问题的直接回答，但您是否尝试过使用“官方”jquery自动完成功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Auto Suggest</title>
 <script type="text/javascript" src="{{ MEDIA_URL }}scripts/jquery-1.2.1.pack.js"></script>
 <script type="text/javascript">
    function lookup(inputString) {
        if(inputString.length == 0) {
            $('#suggestions').hide();
        } else {
            $.post("/search/", {q: ""+inputString+""}, function(data){
                if(data.length >0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').html(data);
                }
            });
        }
    }
    function fill(thisValue) {
        $('#inputString').val(thisValue);
        setTimeout("$('#suggestions').hide();", 200);
    }
 </script>
<style type="text/css">
    body {
        font-family: Helvetica;
        font-size: 11px;
        color: #000;
    }
    h3 {
        margin: 0px;
        padding: 0px;   
    }
    .suggestionsBox {
        position: relative;
        left: 30px;
        margin: 10px 0px 0px 0px;
        width: 200px;
        background-color: #212427;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 2px solid #000; 
        color: #fff;
    }
    .suggestionList {
        margin: 0px;
        padding: 0px;
    }
    .suggestionList li {
        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;
    }

    .suggestionList li:hover {
        background-color: #659CD8;
    }
</style>
</head>
 <body>   
    <div>
        <form>
            <div>
                <br />
                <input type="text" size="30" value="" autocomplete="off" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
            </div>
            <div class="suggestionsBox" id="suggestions" style="display: none;">
                    <img src="{{ MEDIA_URL }}images/upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                <div class="suggestionList" id="autoSuggestionsList">
                    {% for value in result %}
                    <li onclick="fill({{ value }});">{{ value }}</li>
                        {% endfor %}
                </div>
            </div>
        </form>
    </div>  

</body>
</html>