javascript - jQuery 无法在 jsFiddle 之外工作

标签 javascript jquery

我还有一个问题被问到,一位用户完美地回答了它,他的代码正是我所需要的,经过测试并在 jsFiddle 上工作。但现在一旦我在 jsFiddle 之外复制所有内容,它就不起作用了。我的 jQuery 很差。

jsFiddle:http://jsfiddle.net/C9kF3/

脚本如下,也在上面的 jsFiddle 中:

jQuery("a[data-toggle]").on("click", function (e) {
   e.preventDefault(); // prevent navigating
   var target = $(this).data('toggle');
   $('.people > div').hide();
   $('.people ' + target).fadeIn();
});

我将其复制粘贴到 fiddle 中,没有改变任何东西。控制台中没有显示任何错误,该脚本不起作用。我链接到最新的 jquery 库:code.jquery.com/jquery.min.js。

最佳答案

将您的代码放在单独的 .js 中文件并包装在:

$( document ).ready(function() {
   //your code here
});

之后,将此文件链接到 <head>标签

关于javascript - jQuery 无法在 jsFiddle 之外工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24990704/

相关文章:

javascript - 使用 node.js : Error: failed to connect to [localhost:27017] 设置 MongoDB

javascript - 在 Express/Jade 模板内的 Javascript 函数中访问 JSON 数据时出现问题

javascript - 无法连接到 mongodb

javascript - 如何获取和设置 SVG 中 <text> 元素的值?

javascript - 我如何判断一个函数对象是否是用粗箭头表达式创建的?

javascript - click() 在 chrome 中不起作用

jQuery、CSS、-webkit-transform : NO animation

javascript - 运行按钮的功能

jquery - 奇怪的冒号(:) appearing when hovering over text

javascript - 对不同网站的 Ajax 调用返回 html 而不是数组