Question

我对JQuery很新（在javascript方面也不是很好），有时我的语法有问题。

以下是我的实际代码：

<script type="text/javascript" src="includes/functions/jquery.lightbox-0.5.min.js">
<script type="text/javascript">
    $(function() {
        $('a.lightbox').lightBox(); // Select all links with lightbox class
    });
</script>
...
<script type="text/javascript" src="includes/functions/bannerRotator.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        bannerRotator('#bannerRotator', 800, 4000);
    });
</script>

我要做的是在加载正文后加载3个javascript文件，然后声明2函数（lightbox和bannerRotator）。

我可以通过在页面的头部加载JQuery然后使用$（document）.ready来加载脚本和声明函数来使它工作，我不知道该怎么做是让jQuery库加载之后加载完整页面然后加载脚本并声明函数。

不幸的是，我尝试了很多东西而且都没有用。如果我可以在加载body之后动态加载js脚本，我不知道如何声明jQuery函数。

希望有人能帮助我。

感谢您的帮助。

似乎我的要求不够明确。

我在寻找：

<body onload="javascript:includeLibraries();">
</body>
...
function includeLibraries(){
    //load jquery
    //load lightbox
    //declare lightbox function
    //load bannerRotator.js
    //execute bannerRotator function
}

想要在页面加载并显示给网站访问者后执行此操作。

Answer 1

<script type="text/javascript" src="includes/functions/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="includes/functions/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript" src="includes/functions/bannerRotator.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('a.lightbox').lightBox(); // Select all links with lightbox class
    bannerRotator('#bannerRotator', 800, 4000);
  });
</script>

试试这个。请注意，您正在加载a very out-dated version of jQuery。

Answer 2

它应该是这样的。

加载脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script type="text/javascript" src="includes/functions/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript" src="includes/functions/bannerRotator.js"></script>

调用jquery函数：

$( document ).ready(function() {
    $('a.lightbox').lightBox(); // Select all links with lightbox class
    bannerRotator('#bannerRotator', 800, 4000);
});

在body onload上加载jquery和声明函数

2 个答案: