Question

好的，我之前有一个关于幻灯片切换的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;
});
});

到我的script.js文件，其中我的javascript是，并且代码将无法运行。该代码中似乎存在不允许切换运行的内容。当我在HTML页面上运行它时，我点击它，它所做的就是将我返回到页面顶部而不是正常工作。我的script.js文件在这里http://jsfiddle.net/9e4uM/1/。

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

Answer 1

 <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

jquery TypeError：state is undefined var options = state.options;

1 个答案: