-1

拥有一个现有的 - 重载 - 一组充满普通 Javascript 代码的网页,我想通过根据需要替换一些函数来逐步使用 jQuery。

换句话说,我希望 jQuery 不会强迫我从头开始重写整个事情!如果我是对的:

因此,典型文档中有几个现有的 JavaScript 链接文件(我的):

<script type="text/javascript" src="/Play/DragDrop6.js"></script>
<script type="text/javascript" src="/Play/aHand6.js"></script>
<script type="text/javascript">
    var vstatus = "bid";
    var curtop = 0;
    var curleft = 0;
    var curwidth = 0;
    var curheight = 0;

    function return2Url() {
        history.go(-1);
    }

    function showSomethingb() {
        /...                  } </script></head><body>....

问题是:如何将 jQuery.min.js 库添加到该文档中以及将 $(document).ready(function()...

假设我想用 jQuery 风格重写函数 showSomethingb(),我把它放在哪里?

4

4 回答 4

1

一般最佳实践规则...尽可能将 javascript 添加到页面末尾 .... 就在结束</body>标记之前。

如何将 jQuery.min.js 库添加到该文档?

在您的所有代码之前。例如

<script type="text/javascript" src="jQuery.min.js"></script>
<script>
   //Then the rest of your code
</script>

我应该把 $(document).ready(function() 放在哪里?

当文档准备好时,在您要执行的代码之前(但在上面的库之后)。

$(document).ready(function(){
   // Perform when document is ready
});

对于您的功能,我将其写为...

var showSomethingb = function(){ //Your function };

但是有不同的方法可以做到这一点。

于 2013-02-07T21:13:48.727 回答
1

只需像其他任何 javascript 文件一样包含指向 jquery 库的链接。

通常,我首先从我的所有 Js 文件中执行此操作,以便从一开始就可以使用它。

<script type="text/javascript" src="/jquery.{version}.js"></script>
<script type="text/javascript" src="/Play/DragDrop6.js"></script>
<script type="text/javascript" src="/Play/aHand6.js"></script>

然后,你可以走了。

$(document).ready(function()当您希望在整个页面加载后执行某些操作时,您可以在任何(或每个)页面上使用。但 jquery 不限于此。你可以在任何地方使用它。

然而,将至少大部分 JS 代码放在一个地方是有意义的。

所以你的代码可以变成:

<script type="text/javascript">

$(document).ready(function() {
    var vstatus = "bid";
    var curtop = 0;
    var curleft = 0;
    var curwidth = 0;
    var curheight = 0;

    function return2Url() {
        history.go(-1);
    }

    function showSomethingb() {
    } 

};

剩下的取决于你想如何设计和编写你的 JS 语法。

jquery 文档 很棒。

于 2013-02-07T21:14:32.033 回答
0

首先你应该问自己你真的想这样做吗?

从技术上讲,Jquery 是 javascript ......它就像它的简写符号。

因此,花时间将您已经以速记方式编写的内容转换为速记方式可能不会很好地利用您的时间。

如果您希望改进您​​的 js 代码,一个更好的方法可能是查看 javascript 最佳实践,例如 1. 将所有代码放在正文的底部以确保 UI 首先加载 2. 缩小以减轻负载 3. 模式像模块模式......我认为你会发现它更有益。

但是,如果您确定,您需要手动完成(没有我知道的工具) w3schools 是一个很好的起点,您也可以使用它.. http://www.w3schools。 com/jquery/default.asp

于 2013-02-07T21:33:55.893 回答
0

就在旁边,

您可以通过使用简写来使第一行更短,$(document).ready(handler);即简单$(handler);

例如:

$(document).ready(function() {
    // your code
});

变成

$(function(){
    // your code
});

并且将同样工作。耶!

有关更多信息,请参阅: http ://api.jquery.com/ready/

于 2013-02-07T22:20:27.420 回答