javascript - 如何正确地将 jQuery 从索引页面移动到单独的 javascript 文件中?

标签 javascript jquery html

我怎样才能移动我的初始化代码,即

  <script type="text/javascript">
        $(document).ready(function() {
            var t; // This will be a timeout
            $('.navHover').mouseover(function() {
                if (t)
                {
                    clearTimeout(t);
                }

                $('.navigation').slideDown(400);
            }).mouseout(function() {
                t = setTimeout(function() {
                    $('.navigation').slideUp(400);
                }, 800); // .8 second delay before hiding
            });

            $('.navigation').mouseover(function() {
                if (t)
                {
                    clearTimeout(t);
                }
            }).mouseout(function() {
                t = setTimeout(function() {
                    $('.navigation').slideUp(400);
                }, 800); // .8 second delay before hiding
            });
        });
    </script>

到一个单独的文件?主.js?

谢谢

最佳答案

只需创建一个文本文件,将该代码粘贴到其中(减去 script 标签)并添加:

<script type="text/javascript" src="path-to\main.js"></script>

进入<head>你的页面。

关于javascript - 如何正确地将 jQuery 从索引页面移动到单独的 javascript 文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3259682/

相关文章:

javascript - 构建轮播以将元素滑动 4

javascript - 键入后无法在输入中动态设置文本值

javascript - 解析 &lt;iframe&gt; 中网站的 HTML 标签

javascript - 在 AngularJS 中显示页面底部的最后一条消息不起作用?

javascript - 同一类对象上的动画,一次一个

javascript - 父级中的 jQuery 目标元素

html - 在这里,我希望我的底部有 100% 的高度,我不想超过我在 “.main” 类中固定的 400px 高度

javascript - 如何从 JQuery Slider 中删除 Opcity

jQuery:自动触发悬停

javascript - 数组未正确呈现到列表中