javascript - 现有 .js 文件中的 jQuery 代码

标签 javascript jquery html css

我想知道如何将 HTML 文件中我的脚本中的 jQuery 放入我已经存在的 .js 文件中。我已经在我的 HTML 中链接到 "WebSocket.js",我想将 jQuery 代码放入该文件中。

"WebSocket.js" 文件是已经存在的 javascript 代码。

这是我的 html:

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <link type="text/css" rel="stylesheet" href="main.css">
  <script src="WebSocket.js" ></script>
</head>
  <script>
        $(document).ready(function(){
            $('.lightbox').click(function(){
                $('.backdrop, .box').animate({'opacity':'.50'}, 300, 'linear');
                $('.box').animate({'opacity':'1.00'}, 300, 'linear');
                $('.backdrop, .box').css('display', 'block');
            });

            $('.lightbox2').click(function(){
                $('.backdrop, .box2').animate({'opacity':'.50'}, 300, 'linear');
                $('.box2').animate({'opacity':'1.00'}, 300, 'linear');
                $('.backdrop, .box2').css('display', 'block');
            });


            $('.close').click(function(){
                close_box();
            });
        });

        function close_box()
        {
            $('.backdrop, .box').animate({'opacity':'0'}, 300, 'linear', function(){
                $('.backdrop, .box').css('display', 'none');
            });

            $('.backdrop, .box2').animate({'opacity':'0'}, 300, 'linear', function(){
                $('.backdrop, .box2').css('display', 'none');
            });
        }
    </script>

最佳答案

只需删除现有的 jquery 代码并将其放入 Websocket.js 文件即可。

关于javascript - 现有 .js 文件中的 jQuery 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49922771/

相关文章:

javascript - JSLint 在计算 a * a 中的平方时提示

jQuery 无限缩略图库

html - Swift HTTP POST 请求登录

html - 在 HTML 中嵌入矢量化 PDF 图像

html - 对齐最后一个 flex 盒行中的元素

javascript - 如何在单击后退按钮时刷新页面?

javascript - 如何使用javascript实现悬停效果?

javascript - 样式组件 : I want to use Variable in Styled-Component

jquery - 单击重置按钮后自定义单选按钮样式不会重置

javascript - 检查某些字符串(即使有空格)是否在数组中