合并jQuery中的两个ready()函数
合并jQuery中的两个ready()函数
提问于 2012-07-17 19:23:26
我在HTML文件中有两个$(document).ready(function($)函数。现在，因为有两个ready()函数，所以只有一个函数执行！因为我对jQuery不太了解，所以我不能合并它们。
<script type="text/javascript">
$(document).ready(function($){
$('#mega-1').dcVerticalMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'show',
direction: 'right'
});
$('#mega-2').dcVerticalMegaMenu({
rowItems: '3',
speed: 'slow',
effect: 'fade',
direction: 'left'
});
$('#mega-3').dcVerticalMegaMenu({
rowItems: '4',
speed: 'slow',
effect: 'slide',
direction: 'right'
});
$('#mega-4').dcVerticalMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'slide',
direction: 'left'
});
});
</script>jQuery函数2：
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>回答 1
Stack Overflow用户
发布于 2012-07-17 19:48:51
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Page Title</title>
<script src="some_javascript_file.js"></script>
<script src="another_js_file.js"></script>
</head>
<body>
<!-- HTML HERE -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jQuery_plugin_1.js"></script>
<script src="jQuery_plugin_2.js"></script>
<script>
(function($){ // remap $ to jQuery
$(function(){
$('#mega-1').dcVerticalMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'show',
direction: 'right'
});
$('#mega-2').dcVerticalMegaMenu({
rowItems: '3',
speed: 'slow',
effect: 'fade',
direction: 'left'
});
$('#mega-3').dcVerticalMegaMenu({
rowItems: '4',
speed: 'slow',
effect: 'slide',
direction: 'right'
});
$('#mega-4').dcVerticalMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'slide',
direction: 'left'
});
// =====================================
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
})(jQuery);
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11521434
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号