JavaScript动画功能不支持'；行不通_Javascript_Jquery

JavaScript动画功能不支持'；行不通

javascript jquery

JavaScript动画功能不支持'；行不通,javascript,jquery,Javascript,Jquery,这就是代码的样子 <head> <link type="text/css" rel="stylesheet" href="C:\Users\User\Desktop\css1.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="C:\Users\User\Deskt

这就是代码的样子

<head>
  <link type="text/css" rel="stylesheet" href="C:\Users\User\Desktop\css1.css" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="C:\Users\User\Desktop\js.js"></script>

</head>

<body>
<div id="header_wrap">
    <div id="header">
      <div id="logo">
        LOGO
      </div>
      <div class="nav">
        <a href="http://www.google.se">
          Stuff
        </a>
        <a href="javascript:void(0)">
          Other stuff
        </a>
        <a href="javascript:void(0)">
          More stuff
        </a>
      </div>
      <div class="mobile_nav"></div>
      <div class="mobile_nav_menu">
        <div class="mobile_menu">
          <span>Stuff</span>
          <span>Other stuff</span>
          <span>More stuff</span>
        </div>
        <div class="mobile_close">

        </div>
      </div>
    </div>
  </div>
<div class="image_container">
  <div class="inner_content" id="slide1">
    <h2>
      CONTENTS
    </h2>
  </div>
    <a class="button" href="javascript:void(0)"></a>
</div>
</body>

有人能帮我解决我做错了什么以及如何纠正吗

谢谢大家!/AJ

更新：.js加载（尝试了警报函数），但没有填充它应该填充的函数。可以在

上找到原始笔问题之一是您试图从物理文件路径而不是url（或相对路径）引用javascript文件。不能在html文件中使用硬盘路径来包含javascript

<script src="C:\Users\User\Desktop\js.js"></script>

如果javascript与html位于同一文件夹中，请尝试以下操作：

<script src="js.js"></script>

我不确定JavaScript的预期行为是什么，因为它似乎正在做它打算做的事情。如果您在codepen链接中查看DOM，您提供的id为“slide1”的元素的不透明度样式设置为1（见下文），并且类为“button”的锚定标记每秒打开和关闭类“不透明度”（下文未描述，但您可以在firebug中看到）


我们是我们选择的人。

另外两个单击处理程序的目标是空元素（类为“mobile_nav”的元素和类为“mobile_close”的元素），因此它们不会做任何事情

$(".mobile_nav").click(function() {
    $(".mobile_nav_menu").animate({right: 0});
})
$(".mobile_close").click(function() {
    $(".mobile_nav_menu").animate({right: -270});
})

<div class="mobile_nav"></div>

<div class="mobile_nav_menu">
     <div class="mobile_menu">
    <span>Projects</span>
    <span>Profile</span>
    <span>Contact</span>
     </div>
     <div class="mobile_close"></div>                           
</div>

$（“.mobile\u nav”）。单击（函数（）{
$（“.mobile\u nav\u menu”）.animate（{right:0}）；
})
$（“.mobile_close”）。单击（函数（）{
$（“.mobile_nav_menu”）.animate（{right:-270}）；
})
项目
轮廓
接触

我希望这有帮助

问题之一是，您试图从物理文件路径而不是url（或相对路径）引用javascript文件。不能在html文件中使用硬盘路径来包含javascript

<script src="C:\Users\User\Desktop\js.js"></script>

如果javascript与html位于同一文件夹中，请尝试以下操作：

<script src="js.js"></script>


我们是我们选择的人。

另外两个单击处理程序的目标是空元素（类为“mobile_nav”的元素和类为“mobile_close”的元素），因此它们不会做任何事情

$(".mobile_nav").click(function() {
    $(".mobile_nav_menu").animate({right: 0});
})
$(".mobile_close").click(function() {
    $(".mobile_nav_menu").animate({right: -270});
})

<div class="mobile_nav"></div>

<div class="mobile_nav_menu">
     <div class="mobile_menu">
    <span>Projects</span>
    <span>Profile</span>
    <span>Contact</span>
     </div>
     <div class="mobile_close"></div>                           
</div>

$（“.mobile\u nav”）。单击（函数（）{
$（“.mobile\u nav\u menu”）.animate（{right:0}）；
})
$（“.mobile_close”）。单击（函数（）{
$（“.mobile_nav_menu”）.animate（{right:-270}）；
})
项目
轮廓
接触

我希望这有帮助

1）javascript所作用的某些元素没有任何内容

2）更改行

$（“.mobile\u nav\u menu”）.animate（{right:0}）到：$（“.mobile\u nav\u menu”）.animate（{“right”：“0”}）
并对另一个执行相同的操作，尽管它实际上没有任何功能
3） 你的类移动导航菜单需要有css，上面写着position:relative
，属性“right”才能工作
4） 我建议将您的mobile\u close div移动到mobile\u nav\u菜单div之外，这样当您单击它时它不会移动
如果有人需要添加内容，请添加。
1）您的javascript所使用的某些元素没有任何内容
2） 更改行$（“.mobile\u nav\u menu”）.animate（{right:0}）到：$（“.mobile\u nav\u menu”）.animate（{“right”：“0”}）
并对另一个执行相同的操作，尽管它实际上没有任何功能
3） 你的类移动导航菜单需要有css，上面写着position:relative
，属性“right”才能工作
4） 我建议将您的mobile\u close div移动到mobile\u nav\u菜单div之外，这样当您单击它时它不会移动
如果有人需要添加内容，请添加。
您是否看到任何控制台错误？您正在切换一个名为“不透明”的类。你有一个叫做不透明的类吗？@BigChris，我在HTML中找到了这两个元素。你确定它没有加载吗？尝试添加警报（）；在您的第一个功能中，查看屏幕上是否出现了某些内容。@Chasesandmann谢谢！它加载了，但却不起作用，这很奇怪，因为js代码是直接从codepen中提取出来的。您是否看到任何控制台错误？您正在切换一个名为“不透明”的类。你有一个叫做不透明的类吗？@BigChris，我在HTML中找到了这两个元素。你确定它没有加载吗？尝试添加警报（）；在您的第一个功能中，查看屏幕上是否出现了某些内容。@Chasesandmann谢谢！它加载了，但却不起作用，这很奇怪，因为js代码是直接从codepen中加载的。实际上javascript是从本地文件加载的（有人告诉我，我要用alert函数来尝试）。问题是它没有执行它应该执行的任务。查看我在第一篇文章中的更新：）实际上javascript是从本地文件加载的（有消息说我要用警报函数来尝试）。问题是它没有执行它应该执行的任务。查看我在第一篇文章中的更新：）如果您查看代码笔（）并缩小窗口宽度，然后单击菜单徽标，您将看到我尝试应用的函数是什么。不幸的是，它根本不起作用，即使它可以在代码笔上工作。如果你看代码笔（）并使窗口变宽，然后单击菜单徽标，你就会看到我试图应用的函数是什么。不幸的是，它根本不工作，即使它在代码笔上工作。。