Question

我想知道如何将jQuery中的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>

Answer 1

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

Answer 2

最好是创建一个新的.js文件，将脚本代码复制并粘贴到其中并使用有意义的名称保存。最后，像使用WebSocket.js文件一样引用新文件。

已存在的.js文件中的jQuery代码

2 个答案: