崇高文本中的jQuery？代码不起作用答案

【问题标题】：jQuery in Sublime text? Code not working崇高文本中的jQuery？代码不起作用
【发布时间】：2014-12-03 09:32:19
【问题描述】：

我想知道您是否可以提供帮助。我正在使用 Sublime text 3 在 Firefox 构建系统中预览我的代码。HTML 和 CSS 都很好，但是我的 jQuery 无法正常工作，尽管已正确链接等。这是我的代码：

【问题讨论】：

那个 jQuery 在另一个文件中吗？如果有，您是否包含该文件？
将 //ajax.googleapis.com 更改为 http://ajax.googleapis.com
当我尝试将该 URL 与 HTTP 和 HTTPS 一起使用时，我得到一个 404 未找到。你能验证你链接到正确的 URL 吗？
我已经在我的 HTML 头中链接了 jQuery，如下所示：我什至尝试过这个：/Users/Nick/Documents/Work/Website/Mouseenter.js ...我有什么遗漏吗？感谢您的回复
googleapis URL 中的版本应该是1.11.1 而不是1.11.10。 jQuery 团队尚未发布 1.11 的第 10 版。

标签： javascript jquery html text sublimetext3

【解决方案1】：

我在您的 CSS 中看到“manifestotitle”指的是一个 id (#manifestotitle)，您可以尝试将其转换为一个类吗？

编辑：好的，我想我明白了。我下载了你的代码并搞砸了一点。这是我为使其工作而进行的更改：

将 jquery 的 CDN 更改为官方的：
"manifestotitle" 应该是一个类，因为您的 javascript 正在使用它。所以你应该做出这些改变。在您的 HTML 中：

<div class="manifestotitle">

在你的 CSS 文件中：

    `.manifestotitle {`

在你的 js 中修复你的选择器：

$('#manifesto').hover(function () {

这对我有用，希望对你有帮助！

【讨论】：

@user2968356 控制台输出太长，无法发布，但这是开始：启动，版本：3065 osx x64 通道：稳定可执行文件：/Applications/Sublime Text.app/Contents/MacOS/Sublime Text工作目录：/包路径：/Users/Nick/Library/Application Support/Sublime Text 3/Packages 状态路径：/Users/Nick/Library/Application Support/Sublime Text 3/本地硬件并发：4 zip 路径：/Applications/ Sublime Text.app/Contents/MacOS/Packages zip 路径：/Users/Nick/Library/Application Support/Sublime Text 3/Installed Packages
我想你误解了我的意思。我的意思是在您的 css 文件中将 #manifestotitle {...} 更改为 .manifestotitle {...}。
在 Firefox 中使用 Shift+Ctrl+K，在 Chrome 中使用 F12 并查看控制台选项卡
@user2968356 在 chrome 中打开显示控制台时，我收到“Uncaught SyntaxError: Unexpected token } Mouseenter.js:6”

【解决方案2】：

不是答案，但需要显示更多代码！

似乎我的代码根本无法使用 .hover() 和 .mouseover() 函数...这是一个简单的示例（也使用类而不是 ID）：

HTML:
    <div class="left"><a href="#"><b>Nick Reilly</b></a>
    <P><b><i>(Holding Page)</i></b></P></div>

CSS:
.left {
color: #000000;
left: 50px;
position: fixed;
top: 40px;
font-size: 18px;
z-index: 100;
line-height: 15px;
}

jQuery:
$(document).ready(function(){
 $("#left").mouseover(function(){
addClass('.red');
});
});

当然，这应该只是将鼠标悬停在上面的文本更改为红色？当我在 Firefox 和 Chrome 版本中预览它时，什么都没有发生！

谢谢

【讨论】：

【解决方案3】：

我刚刚观察到一件事，您正在添加类并在悬停时立即将其删除，因此 div 不受影响

试试这个代码，如果你是试图只在悬停时添加类并在不悬停时删除它

$('#manifesto').mouseover(function() {
    $(this).addClass('manifestotitle');
}).mouseout(function(){
    $(this).removeClass('manifestotitle');
});

参考见下面的jsfiddle：

http://jsfiddle.net/x3965auq/2/

希望对你有所帮助

【讨论】：

已经在 cmets 部分讨论过这个问题.....问题仍然存在就是所说的......
@aroop 链接坏了？
我似乎无法让任何悬停或鼠标悬停功能与我的代码充分配合...例如：html:
尼克·赖利
（保持页）