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

我对JQuery相当新（并不是很好的JavaScript），有时我有语法问题。加载jquery和声明函数在身上onload

下面是实际的代码，我有：

<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功能（收藏夹和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 
}

想做这个页面加载和显示网站的访客之后。

来源

2016-02-26 user1851673

首先你错过了结束标记为收藏脚本 –

首先加载的jQuery，那么你的库，然后把一切都放在一个文档准备。 –

@Bram，我的问题实际上是当body onload被触发时如何做。 – user1851673

<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。

来源

2016-02-26 14:53:04

嗨，谢谢你的回答。我知道如何去做，但身体加载后怎么办？ – user1851673

它应该是这样的。

负载脚本：

<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); 
});

来源

2016-02-26 14:53:24 user2831723

嗨，谢谢你的回答。我知道该怎么做，但身体装载后怎么办？ – user1851673

jQuery文档：在文档“准备好”之前，不能安全地操作页面。 jQuery为您检测到这种状态。包含在$（document）.ready（）中的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码时才会运行。包含在$（window）.load（function（）{...}）中的代码将在整个页面（图像或iframe）（而不仅仅是DOM）准备就绪后运行。 https://learn.jquery.com/using-jquery-core/document-ready/。所以为了让每个人都明白 - 如果代码在.ready（）函数内部，那么它会在所有其他代码之后加载 – user2831723

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

回答

相关问题