Javascript $PHP/Ajax/jQuery问题未定义

Javascript $PHP/Ajax/jQuery问题未定义,javascript,jquery,ajax,Javascript,Jquery,Ajax,我试图为我的数据库创建一个实时搜索页面,但遇到了一个问题。我的jQuery/Ajax似乎不起作用。我的编译器告诉我,在我的文档行上“$未定义”,但我已经定义了jQuery并使用了$(document).ready(function()调用)。有人能解释一下问题所在吗?我在这里搜索并检查了一下,我找不到解决方案 下面是我看到的一些代码片段和屏幕截图。看起来查询工作正常,检测到了一个结果,但jQuery并没有像它应该的那样实时显示结果 jQuery: <script src="https://

我试图为我的数据库创建一个实时搜索页面,但遇到了一个问题。我的jQuery/Ajax似乎不起作用。我的编译器告诉我,在我的文档行上“$未定义”,但我已经定义了jQuery并使用了$(document).ready(function()调用)。有人能解释一下问题所在吗?我在这里搜索并检查了一下,我找不到解决方案

下面是我看到的一些代码片段和屏幕截图。看起来查询工作正常,检测到了一个结果,但jQuery并没有像它应该的那样实时显示结果

jQuery:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('.search-box input[type="text"]').on("keyup input", function(){
        /* Get input value on change */
        var inputVal = $(this).val();
        var resultDropdown = $(this).siblings(".result");
        if(inputVal.length){
            $.get("backend-search.php", {term: inputVal}).done(function(data){
                // Display the returned data in browser
                resultDropdown.html(data);
            });
        } else{
            resultDropdown.empty();
        }
    });

    // Set search input value on click of result item
    $(document).on("click", ".result p", function(){
        $(this).parents(".search-box").find('input[type="text"]').val($(this).text());
        $(this).parent(".result").empty();
    });
});
</script>
</head>
<body>
    <div class="search-box">
        <input type="text" autocomplete="off" placeholder="Search Books..." />
        <div class="result"></div>
    </div>
</body>
</html>

$(文档).ready(函数(){
$('.search box input[type=“text”]')。打开(“键控输入”,函数(){
/*获取更改时的输入值*/
var inputVal=$(this.val();
var resultDropdown=$(this.sillides(“.result”);
if(输入值长度){
$.get(“backend search.php”,{term:inputVal}).done(函数(数据){
//在浏览器中显示返回的数据
html(数据);
});
}否则{
resultDropdown.empty();
}
});
//单击结果项时设置搜索输入值
$(document).on(“click”,“.result p”,function()){
$(this.parents(“.search box”).find('input[type=“text”]).val($(this.text());
$(this.parent(“.result”).empty();
});
});

在下面的图像中,我试图搜索包含标题“accounting”的条目。当我正确搜索时,它看起来像一条记录,但没有显示任何数据。当我键入与记录不符的内容时,它正确地显示没有结果


非常感谢所有帮助!

$未定义
表示未加载jquery,请确保将脚本src=“jquery”放在所有内容之上。
以下是jquery:

也许您是在某个代理的后面,该代理阻止了对jquery cdn的访问。如果您在浏览器中转到,是否可以看到jquery代码或出现错误


如果是这样的话,我建议使用另一种CDN,或者在其他地方获取库并在本地提供服务。

谢谢。但是我在脚本之前的代码中定义了Jquery。Jquery不会加载还有其他原因吗?开发人员控制台有什么建议吗?检查元素->控制台第一个问题..你是c吗连接到Internet。在测试时..?你是说你的IDE代码linter告诉你$not defined?这和浏览器抛出错误有很大区别尝试将你的JS代码放在
@charlietfl之前是的。我的Jquery代码看起来没有执行,所以我的想法是导致问题的原因。不,不是根本没有问题。
$
是在远程文件中定义的,您的linter无法看到。OP已在注释中确认错误在IDE linter中,而不是浏览器中