0

好的，我早些时候遇到了关于幻灯片切换的 jQuery 函数的问题。让它在页面上自行运行，没有任何中断。然后我添加了这段代码：

$(function () {
$('#toggle4').click(function () {
    $('.toggle').hide('1000');
    $('.toggle').text('toggle 4 clicked');
    $('.toggle').slideToggle('1000');

    return false;
});
});

 $(function () {
 $('#toggle3').click(function () {
    $('.toggle').hide('1000');
    $('.toggle').text('toggle 3 clicked');
    $('.toggle').slideToggle('1000');

    return false;
});
});

到我的 javascript 所在的 script.js 文件，并且代码不会运行。该代码中似乎有一些东西不允许切换运行。当我在 HTML 页面上运行它时，我单击它，它所做的只是将我返回到页面顶部，而不是正常工作。我的 script.js 文件在这里http://jsfiddle.net/9e4uM/1/。

当我阅读控制台时，主题中的错误是存在的。如果我取出 script.js 文件并将代码发布到 HTML 页面上，它就可以工作。但是，一旦我将其添加回来，它就不会了。由于页面上正在运行其他脚本，因此我需要 script.js 文件。不知道如何解决这个问题。

4

1 回答 1

0 
 <div>
      <a href="#" id="toggle3">Slide Toggle3</a><br /><br />
      <a href="#" id="toggle4">Slide Toggle4</a><br /><br />
     <div class="toggle" style="display:none; background-color:#4CF;width:100px;height:200px;"></div>
 </div>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
                    <script type="text/javascript">
$(function () {
$('#toggle4').click(function () {
    $('.toggle').hide('1000');
    $('.toggle').text('toggle 4 clicked');
    $('.toggle').slideToggle('1000');

    return false;
});
});

$(function () {
$('#toggle3').click(function () {
    $('.toggle').hide('1000');
    $('.toggle').text('toggle 3 clicked');
    $('.toggle').slideToggle('1000');

    return false;
});
});
Check this link http://jsfiddle.net/indianchiran/fe75zct2/ and in your code cannot read property mozilla error will come for that error please go though this link http://craigsworks.com/projects/forums/showthread.php?tid=3972
于 2015-04-07T10:00:18.013 回答