Question

重要的HTML

 <div class="input-group">
     <input type="text" id="q" class="form-control" placeholder="Search for User">
           <span class="input-group-btn">
                  <button class="btn btn-default" id="user_search" type="button"><i id="usersearchicon" class="fa fa-search"></i></button>
            </span>
 </div>
 <div id="user_results">
 </div>

运行的jQuery代码

<script type="text/javascript">
$(document).ready(function(){
    $("#user_search").click(function(){
        var q = $(".form-control").val().split(/[ ,]+/).join(',');
        $("#user_results").load("{% url 'search' %}?q=" + q);
     });
});
</script>

破坏的jquery代码，我宁愿使用。用于替换.form-control和ajaxstart ajaxstop的#q id正在打破我的想法。

<script type="text/javascript">
$(document).ready(function(){
    $("#user_search").click(function(){
        var q = $("#q").val().split(/[ ,]+/).join(',');
        $("#user_results").load("{% url 'search' %}?q=" + q);
     });
});
$(document).ajaxStart(function() {
    $("#usersearchicon").replaceWith("<i id="usersearchicon" class="fa-li fa fa-spinner fa-spin"></i>");
}).ajaxStop(function() {
    $("#usersearchicon").replaceWith("<i id="usersearchicon" class="fa fa-search"></i>");
});
</script>

任何想法都有问题我是javascript和jQuery的新手，而且我正在努力让事情发挥作用并找到语法错误。我觉得我95％在那里，但无法弄清楚什么是错的。

我使用了一些代码作为从http://www.nomadjourney.com/2009/01/using-django-templates-with-jquery-ajax/

构建的起始位置

编辑：固定ID引号不能相信是哈哈。 ajaxStart代码仍然破碎。

Answer 1

仔细查看＆＃39; q＆＃39;周围的引号。在HTML中定义ID时 - 它们是特殊的程式化引号。将它们更改为常规引号，它应该可以工作！

JavaScript id选择器不起作用？不确定什么是错的

1 个答案: