Question

解决了这是一个非常虎头蛇尾的解决方案，但是正在使用的jQuery库对于这些函数来说并不正确...我去了google的托管库页面并找到了jquery 1.11的库。 3 amd现在一切正常。感谢大家的时间！

好的，这有点奇怪，因为当我使用编辑器并通过我的浏览器使用XAMPP访问它时，我得到了代码，但是当我在Dreamweaver中编写它时，它似乎不起作用。任何人都可以发现差异或知道为什么这样的事情会发生？使用Editra代码时链接会很好地上下滑动，但在DW中单击联系人时不会发生任何事情。感谢帮助！

相关的jQuery（Editra）：

$('#toggle').click(function(){$('#toggled').toggle('slow', 'linear')});

对于Editra部分，基本上就是所有部分，我只是测试了该方法。 Dreamweaver方面还有更多内容，但没有什么应该在这段代码中发挥作用。话虽这么说，如果你知道我做的更多，并且认为可能存在我向你展示的代码之外的东西，我很乐意为你提供。

Here is a fiddle of the DW code

Here is a fiddle of the Editra Code

Answer 1

我认为你错过了在DW代码中添加jQuery：

    <canvas id="c" style= "position: absolute; left:0px; top:0px; background-color:#646464;;">
    </canvas>

    <div id="nav">
     <ul>
        <li><a id="contact" style="position:relative;" href="#">Contact</a></li>
        <li><a id= "other" href="#">Other Work</a></li>
     </ul>
    </div>
    <p id="email"><a href="mailto:someone@gmail.com" style="position:relative;">someone</a></p>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script>    
      $(function(){
        $('#contact').click(function(){$('#email').toggle('slow', 'linear')});

      });
    </script>

Answer 2

在提出问题时，您可以先将其分解为一个简单的版本，以便先解决问题可能属于低级别的问题。制作一个jsFiddle或其他东西供我们使用。

jsFiddle example

HTML

<button id="contact">contact...</button>

<div id="email" style='display: none;'>email... ?</div>

CSS

$(document).ready( function() {

    $('#contact').on('click', function() {
        // alert('test');
        // $('#email').toggle();
        $('#email').fadeToggle();
    });

});

然后，您可以使用这个简单的版本来查看它在更大的代码库中的含义。

Answer 3

Solved这是一个非常虎头蛇尾的解决方案，但正在使用的jQuery库对于这些函数来说并不正确...我去了google的托管库页面并找到了jquery 1.11.3的一个，现在一切正常。在实际代码中没有任何错误或需要更改，我只需要执行此步骤。感谢大家的时间！

解决方法是添加此（1.11.3库）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

之前我只有这个（2.1.3库）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

.click处理程序和.toggle不工作

3 个答案:

HTML

CSS