javascript - Intellij IDEA引用错误: $ is not defined-6ren

javascript - Intellij IDEA引用错误: $ is not defined

转载作者：行者123 更新时间：2023-11-28 07:00:16

25

4

我正在使用 Intellij IDEA 14.1.4 并收到“ReferenceError:$未定义”消息。现在我已经搜索了一个多小时，并且阅读了许多建议人们首先运行 jquery 脚本的帖子。我已经完成了此操作，并且页面在浏览器窗口中加载良好。那里一切正常。这是 Intellij IDEA 的问题。我下载了 JQUERY 和 JQUERY UI 库，并使用硬盘上的绝对路径链接到它们。我也尝试过链接到在线的。我不知道如何搜索我需要的东西，因为有很多误报，所以这就是我发帖的原因。

“C:\Program Files (x86)\JetBrains\IntelliJ IDEA 14.1.4\bin\runnerw.exe”“C:\Program Files\nodejs\node.exe”lightbox.jsc:\Users\Aaron\IdeaProjects\DataStructures\Treehouse\src\js\lightbox.js:4var $overlay = $('');//创建jquery对象， ^引用错误:$ 未定义在对象。 (c:\Users\Aaron\IdeaProjects\DataStructures\Treehouse\src\js\lightbox.js:4:16) 在 Module._compile (module.js:460:26) 在 Object.Module._extensions..js (module.js:478:10) 在 Module.load (module.js:355:32) 在 Function.Module._load (module.js:310:12) 在 Function.Module.runMain (module.js:501:10) 启动时(node.js:129:16) 在node.js:814:3

进程已完成，退出代码为 1

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <title>Image Gallery</title>
</head>
<body>
<h1>Image Gallery</h1>
<ul id="imageGallery">
    <li><a href="images/refferal_machine.png"><img src="images/refferal_machine.png" width="100" alt="Refferal Machine By Matthew Spiel"></a></li>
    <li><a href="images/space-juice.png"><img src="images/space-juice.png" width="100" alt="Space Juice by Mat Helme"></a></li>
    <li><a href="images/education.png"><img src="images/education.png" width="100" alt="Education by Chris Michel"></a></li>
    <li><a href="images/copy_mcrepeatsalot.png"><img src="images/copy_mcrepeatsalot.png" width="100" alt="Wanted: Copy McRepeatsalot by Chris Michel"></a></li>
    <li><a href="images/sebastian.png"><img src="images/sebastian.png" width="100" alt="Sebastian by Mat Helme"></a></li>
    <li><a href="images/skill-polish.png"><img src="images/skill-polish.png" width="100" alt="Skill Polish by Chris Michel"></a></li>
    <li><a href="images/chuck.png"><img src="images/chuck.png" width="100" alt="Chuck by Mat Helme"></a></li>
    <li><a href="images/library.png"><img src="images/library.png" width="100" alt="Library by Tyson Rosage"></a></li>
    <li><a href="images/boat.png"><img src="images/boat.png" width="100" alt="Boat by Griffin Moore"></a></li>
    <li><a href="images/illustrator_foundations.png"><img src="images/illustrator_foundations.png" width="100" alt="Illustrator Foundations by Matthew Spiel"></a></li>
    <li><a href="images/treehouse_shop.jpg"><img src="images/treehouse_shop.jpg" width="100" alt="Treehouse Shop by Eric Smith"></a></li>
</ul>
<script src="C:\Users\Aaron\.IntelliJIdea14\system\extLibs\http_code.jquery.com_jquery-2.0.0.js" charset="utf-8"></script>
<script src="C:\Users\Aaron\.IntelliJIdea14\system\extLibs\http_ajax.googleapis.com_ajax_libs_jqueryui_1.10.2_jquery-ui.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lightbox.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

这是 JavaScript 代码

var $overlay = $('<div id="overlay"><div></div></div>'); //creates jquery obj, $ is naming convention
var $image = $("<img>");
var $caption = $("<p></p>");
var $index= 0; //Will keep track of image endex from prev/next
var $galleryLength = $("#imageGallery li").length; //store total number of images

//Setup overlay
$overlay.children("div").append($image);//Adds image to the overlay jquery object
$overlay.children("div").append($caption); //Adds caption to the overlay, AFTER the image.
$overlay.children("div").append("<button id='btnPrev'><h4> < </h4></button>"); //create prev button
$overlay.children("div").append("<button id='btnNext'><h4> > </h4></button>"); //create next button
$("body").append($overlay); //adds tag to end of <body>, css for overlay contained in <div>

//updates the image
var updateImage = function(imageLoc, captionText){
    $image.attr("src", imageLoc); //sets $image object to loc of img so its added to overlay
    $caption.text(captionText); //Adds alt attribute text to caption so its displayed below img
};

//captures the click event, when an image is clicked
$("#imageGallery a").click(function(event){
    event.preventDefault(); //prevents browser frop opening img in new window
    var imageLoc = $(this).attr("href"); //stores attribute in var. ex: "images/space-juice.png"
    var captionText = $(this).children("img").attr("alt"); //Store text from alt attr of img's

    $index = $(this).parent().index(); //update index to current selected image
    console.log($index);
    updateImage(imageLoc, captionText); //Passes loc and caption info to update image
    $overlay.slideDown(imageLoc); //display overlay when img clicked
});

//Button Click Events
$("#btnNext").click(function(event){
    button(true);
});

$("#btnPrev").click(function(event){
    button(false);
});

var button = function(next){

    if(next == true){ //if next is true move forward an image
        $index++;
    }
    else{ //otherwise go to previous image
        $index--;
    }

    //If index is out of bounds reset to first image or last image as needed
    if($index < 0){
        $index = $galleryLength - 1;
    }
    else if($index > $galleryLength - 1){
        $index = 0;
    }

    //selects the element by index and then gets the link to the image
    var newImage = $("#imageGallery li").get($index).getElementsByTagName("a");
    //Store link information in variables
    var imageLoc = $(newImage).attr("href");
    var captionText = $(newImage).children("img").attr("alt");
    //Update the current image with new image information
    updateImage(imageLoc, captionText);

};

//captures the click event, when the overlay is clicked
$overlay.click(function(event){
    if(event.target.id == "overlay"){
        $(this).slideUp("fast");
    }
});

最佳答案

您可以轻松地为jquery和任何其他框架执行此操作(在idea Ultimate 2019.2中测试)

转到文件 |设置|语言和框架 | JavaScript |图书馆
点击下载...
选择 jQuery(您可以输入“jquery”快速找到它)
下载并安装

通常情况下，IDEA 现在应该识别 jquery 并提供文档。您可以在 IDEA 底部的检查弹出窗口(警察图标)中验证这一点

关于javascript - Intellij IDEA引用错误: $ is not defined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32215236/

25

4

0

文章推荐： css - 调整按钮内的文本大小

文章推荐： c++ - 使用 DirectX11 时无法访问 DirectXMath.h

文章推荐： ios - 如何传递数据以嵌入 ViewController？

文章推荐： javascript - AngularJS:提交表单后如何 $setPristine

c++ - 将函数作为参数传递的良好做法 : copy, 引用，const 引用？
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: template pass by value or const reference or…? 以下对于将函数
C++ 重载运算符两次，一次返回非 const 引用，另一次返回 const 引用，偏好是什么？
我用相同的参数列表重载了一个运算符两次。但返回类型不同: T& operator()(par_list){blablabla} const T& operator()(par_list){bla
java - 如果 ViewModel 持有此 Activity 实现的接口(interface)引用，GC 是否会收集 Activity 引用？
假设我有实现接口(interface) I 的 Activity A。我的 ViewModel 类 (VM) 持有对实现接口(interface) I 的对象的引用: class A extends
PHP 引用 `$this`
PHP 如何解释 &$this ？为什么允许？我遇到了以下问题，这看起来像是 PHP 7.1 和 7.2 中的错误。它与 &$this 引用和跨命名空间调用以及 call_user_func_arr
引用 Php
谁能解释一下下面“&”的作用: class TEST { } $abc =& new TEST(); 我知道这是引用。但是有人可以说明我为什么以及什么时候需要这样的东西吗？或者给我指向一个对此有很好解
详解C++ 引用
引用变量是一个别名，也就是说，它是某个已存在变量的另一个名字。一旦把引用初始化为某个变量，就可以使用该引用名称或变量名称来指向变量。 C++ 引用 vs 指针引用很容易与指针混淆，它们之间有三
解析C++引用
目录引言背景结论引言我选择写C++中的引用是因为我感觉大多数人误解了引用。而我之所以有这个感受是因为我主持过很多C++的面试，并且我很少
16、Perl 引用
Perl 中的引用是指一个标量类型可以指向变量、数组、哈希表（也叫关联数组）甚至函数，可以应用在程序的任何地方创建引用定义变量的时候，在变量名前面加个 \，就得到了这个变量的一个引用 $sc
Perl，通过调用其父程序覆盖子程序 |引用
我编写了一个将从主脚本加载的 Perl 模块。该模块使用在主脚本中定义的子程序(我不是维护者)。对于主脚本中的一个子例程，需要扩展，但我不想修补主脚本。相反，我想覆盖我的模块中的函数并保存对原始子例
F# 引用 - 遍历由值表示的函数调用
我花了几个小时试图掌握 F# Quotations，但我遇到了一些障碍。我的要求是从可区分的联合类型中取出简单的函数(只是整数、+、-、/、*)并生成一个表达式树，最终将用于生成 C 代码。我知道使用
regex - 引用 - 密码验证
很多时候，问题(尤其是那些标记为 regex 的问题)询问验证密码的方法。似乎用户通常会寻求密码验证方法，包括确保密码包含特定字符、匹配特定模式和/或遵守最少字符数。这篇文章旨在帮助用户找到合适的密码
excel - 引用公式中的单元格地址/引用
我想通过 MIN 函数内的地址(例如，C800)引用包含文本的最后一个单元格。你能帮忙吗？ Sub Set_Formula() ' ----------------------------- Dim
for-of 循环中的 Javascript 引用
使用常规的 for 循环，我可以做类似的事情: for (let i = 0; i < objects.length; i++) { delete objects[i]; } 常规的 for-
cucumber :引用/不引用参数的最佳实践是什么
在 Cucumber 中，您定义了定义 BDD 语法的步骤；例如，您的测试可能有: When I navigate to step 3 然后你可以定义一个步骤: When /^I navigate t
linq - 表达式类型.引用
这是什么UnaryExpression的目的，以及应该怎样使用？最佳答案它需要一个 Expression对象并用另一个 Expression 包裹它.例如，如果您有一个用于 lambda 的表达式
JQuery 多个选择器，$(this) 引用？
给出以下内容 $("#identifier div:first, #idetifier2").fadeOut(300,function() { // I need to reference jus
xslt - XPath 引用
我不知道我要找的东西的正确术语，但我要找的是一个完整的引用，可以放在双引号之间的语句，比如 *， node()、@* 以及所有列出的 here加上任何其他存在的。我链接到的答案提供了一些细节，但还
regex - 引用-此正则表达式是什么意思？
This question's answers are a community effort。编辑现有答案以改善此职位。它当前不接受新的答案或互动。这是什么？这是常见问答的集合。这也是一个社区Wi
accessibility - Microsoft的UI自动化的教程/引用
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。想改善这个问题吗？更新问题，以便将其作为on-topic
rust - 引用“静态生命周期不长？
考虑下一个代码: fn get_ref(slice: &'a Vec, f: fn(&'a Vec) -> R) -> R where R: 'a, { f(slice) } fn m

首页

博学

6Ren·AI

商城

javascript - Intellij IDEA引用错误: $ is not defined