【问题标题】:.js script not responding.js 脚本没有响应
【发布时间】:2013-04-16 09:05:39
【问题描述】:

所有这些都是新手,并试图让我的 .js 脚本在 Coda2 中工作。如果有人知道为什么 .js 脚本文件没有响应,那就太好了!

提前谢谢你!

<!DOCTYPE html>
<html>
<head>
    <title>Button Magic</title>
    <link rel='stylesheet' type='text/css' href='stylesheet.css' />
    <script type= 'text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
    <script type= 'text/javascript' src='script.js'></script>
</head>
<body>
    <div><br/><strong>Click Me!</strong></div>
</body>

在脚本中:

$(document).ready(function() {
$('div').mouseenter(function() {
    $('div').fadeTo('fast',1);
});
$('div').mouseleave(function(){
    $('div').fadeTo('fast',0.5);
});

});

请在此处找到我的代码的图片:

http://postimg.org/image/qis0sitd1/

【问题讨论】:

  • 请将代码以文本形式粘贴到此处。
  • Button Magic

    点我!
  • 请回答问题。
  • 你还没有包含 Jquery 库,所以 $(document).ready..... 不起作用
  • $(document).ready(function() { $('div').slideDown('slow'); });

标签: javascript html css coda


【解决方案1】:

您还没有添加脚本标签来包含 jQuery。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js' type='text/javascript'></script>

【讨论】:

  • 确实+是js文件和html文件在同一个目录吗?
  • 我确实想知道,但从截图来看,好像是从面包屑中看到的。
  • 肯定和html文件和css文件在同一目录下。
【解决方案2】:

您必须包含 jQuery 库。您可以为此使用Google CDN

<!DOCTYPE html>
<html>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css' />
        <script type= 'text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
        <script type= 'text/javascript' src='script.js'></script>
    </head>
    <body>
        <div><br/><strong>Click Me!</strong></div>
    </body>
</html>

【讨论】:

  • 我改变了头部以符合您的建议。还有什么我需要更改才能使其响应的吗?当我 .mouseenter 时仍然没有功能
  • 你在本地服务器上有这个吗?还是您使用file: 协议运行它?
  • 它在我的本地计算机上。我必须把它放在服务器上才能让它工作吗?
  • 您可以使用该 URL 结构。对于本地测试,请将http: 附加到 Google 链接的开头。我已经更新了答案以使其更清晰。
  • 你是个传奇!让它工作。我已经尝试了几个小时。谢谢!
【解决方案3】:

您还没有包含 Jquery 库,请包含一个。

例如:http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

【讨论】:

    猜你喜欢
    • 2010-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-17
    • 1970-01-01
    • 2016-01-03
    • 2015-05-21
    相关资源
    最近更新 更多