在一个页面上组合多个javascript文件
我几乎完成了一个网站，但我正在努力合并两个不同的javascript文件。。。如果我排除A，B就行了。如果我排除了B，A是有效的。因此，似乎没有中间人 我试图将JQuery表单验证和JCarousel结合起来。如您所见，我必须排除验证脚本，以使旋转木马正常工作 难道没有办法将这两种脚本结合起来吗？我已经知道了，但是运气不好 我已按以下顺序包括这些文件：在一个页面上组合多个javascript文件,javascript,jquery,validation,carousel,Javascript,Jquery,Validation,Carousel,我几乎完成了一个网站，但我正在努力合并两个不同的javascript文件。。。如果我排除A，B就行了。如果我排除了B，A是有效的。因此，似乎没有中间人 我试图将JQuery表单验证和JCarousel结合起来。如您所见，我必须排除验证脚本，以使旋转木马正常工作 难道没有办法将这两种脚本结合起来吗？我已经知道了，但是运气不好 我已按以下顺序包括这些文件： <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/j
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="includes/js/jquery-1.6.min.sliding.js"></script>
<script type="text/javascript" src="includes/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="includes/js/hover.js"></script>
<script type="text/javascript" src="includes/js/jquery.jcarousel.js"></script>
<!-- js links -->
<script type="text/javascript" src="includes/js/coda.js"></script>
<script type="text/javascript" src="includes/js/placeholder.js"></script>
<script language="javascript" src="includes/js/popup/modal.popup.js"></script>
<script type="text/javascript" src="includes/notify/js/jquery.noty.js"></script>
<!-- THIS MUST BE COMMENTED OTHERWISE THE CONTACT SLIDER DOENS'T WORK!!
MUST FIX!!!
<script type="text/javascript" src="includes/js/form/jquery.validationEngine-nl.js" charset="utf-8"></script>
<script type="text/javascript" src="includes/js/form/jquery.validationEngine.js" charset="utf-8"></script>
<script src="includes/lightbox/lightbox.js"></script>
-->
<script src="includes/lightbox/lightbox.js"></script>
<!-- JQuery UI -->
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.timepicker.js"></script>
看到区别了吗？它是src。我可以看到问题，但看不到问题的原因。我猜想您正在通过PHP输出一些javascript，但它出现在
<script>
$(document).ready(function(){noty({"text":"Uw shout is succesvol toegevoegd.",
"layout":"top","type":"success","animateOpen":{"height":"toggle"},
"animateClose":{"height":"toggle"},"speed":500,"timeout":5000,
"closeButton":true,"closeOnSelfClick":true,"closeOnSelfOver":false,"modal":false});});</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
$（document）.ready（function（）{noty（{“text”）：“Uw shout is succesvol toegevoegd.”，
“布局”：“顶部”，“类型”：“成功”，“动画打开”：{“高度”：“切换”}，
“animateClose”：{“height”：“toggle”}，“speed”：500，“timeout”：5000，
“closeButton”：true，“closeOnSelfClick”：true，“closeOnSelfOver”：false，“modal”：false}）；}）；
函数mycarousel_initCallback（carousel）{
//如果用户单击“上一步”或“下一步”按钮，则禁用自动滚动。
carousel.buttonNext.bind（'click'，function（）{
星陶托旋转木马（0）；
});
carousel.buttonPrev.bind（'click'，function（）{
星陶托旋转木马（0）；
});
//如果用户将光标移到剪辑上，则暂停自动滚动。
carousel.clip.hover（函数（）{
carousel.stopAuto（）；
}，函数（）{
旋转木马startAuto（）；
});
};
jQuery（文档）.ready（函数（）{
jQuery（“#mycarousel”）.jcarousel({
汽车:2,，
总结：'最后'，
initCallback:mycarousel_initCallback
});
});
$（函数（）{
$（'.leader_picture'）。内容悬停({
叠加背景：'#000'，
叠加不透明度：0.8
});
});
$（文档）.ready（函数（）{
//更改这些值以设置模式弹出窗口的样式
var align='center'；//有效值；左、右、中
var top=100；//使用整数（以像素为单位）
var width=500；//使用整数（以像素为单位）
var padding=10；//使用整数（以像素为单位）
var backgroundColor='#FFFFFF'；//使用任何十六进制代码
var source='includes/php/popup.php'；//引用服务器上的任何页面，外部页面无效
var borderColor='#333333'；//使用任何十六进制代码
var borderWeight=4；//使用整数（以像素为单位）
var borderRadius=5；//使用整数（以像素为单位）
var fadeOutTime=300；//使用任意整数，0=no fade
var disableColor='#666666'；//使用任何十六进制代码
var disableOpacity=40；//有效范围0-100
var loadingImage='lib/release-0.0.1/loading.gif'；//使用此页面的相对路径
//此方法初始化模式弹出窗口
$（“.modal”）。单击（函数（）{
modalPopup（对齐、顶部、宽度、填充、禁用颜色、禁用不透明度、背景颜色、边框颜色、边框权重、边框半径、淡出时间、源、加载图像）；
});
//按下escape键时，此方法隐藏弹出窗口
$（文档）.keyup（函数（e）{
如果（e.keyCode==27）{
关闭弹出窗口（淡出时间）；
}
});
});
文件。我忘了那一个，现在一切都很有魅力！谢谢
<meta http-equiv="Content-Type" content="text/html; charset=ISO 8859-1" />
<!-- favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<!-- css links -->
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
<link rel="stylesheet" type="text/css" href="styles/skin.css" />
<link rel="stylesheet" type="text/css" href="includes/js/form/css/validationEngine.jquery.css" />
<link rel="stylesheet" type="text/css" href="includes/lightbox/lightbox.css" />
<link rel="stylesheet" type="text/css" href="includes/notify/css/jquery.noty.css"/>
<link rel="stylesheet" type="text/css" href="includes/notify/css/noty_theme_default.css"/>
<link rel="stylesheet" type="text/css" href="includes/js/jquery-ui/development-bundle/themes/base/jquery.ui.all.css">
<link rel="stylesheet" type="text/css" href="includes/js/jquery-ui/development-bundle/demos/demos.css">
<link rel="stylesheet" type="text/css" href="includes/js/jquery-ui/development-bundle/jquery-ui-timepicker.css">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="includes/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="includes/js/hover.js"></script>
<script type="text/javascript" src="includes/js/jquery.jcarousel.js"></script>
<!-- js links -->
<script type="text/javascript" src="includes/js/coda.js"></script>
<script type="text/javascript" src="includes/js/placeholder.js"></script>
<script language="javascript" src="includes/js/popup/modal.popup.js"></script>
<script type="text/javascript" src="includes/notify/js/jquery.noty.js"></script>
<script type="text/javascript" src="includes/js/form/jquery.validationEngine-nl.js" charset="utf-8"></script>
<script type="text/javascript" src="includes/js/form/jquery.validationEngine.js" charset="utf-8"></script>
<script src="includes/lightbox/lightbox.js"></script>
<!-- JQuery UI -->
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="includes/js/jquery-ui/development-bundle/ui/jquery.ui.timepicker.js"></script>
<script type="text/javascript">
function mycarousel_initCallback(carousel) {
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>
<script>
$(function(){
$('.leader_picture').contenthover({
overlay_background:'#000',
overlay_opacity:0.8
});
});
</script>
<script language="javascript">
$(document).ready(function() {
//Change these values to style your modal popup
var align = 'center'; //Valid values; left, right, center
var top = 100; //Use an integer (in pixels)
var width = 500; //Use an integer (in pixels)
var padding = 10; //Use an integer (in pixels)
var backgroundColor = '#FFFFFF'; //Use any hex code
var source = 'includes/php/popup.php'; //Refer to any page on your server, external pages are not valid
var borderColor = '#333333'; //Use any hex code
var borderWeight = 4; //Use an integer (in pixels)
var borderRadius = 5; //Use an integer (in pixels)
var fadeOutTime = 300; //Use any integer, 0 = no fade
var disableColor = '#666666'; //Use any hex code
var disableOpacity = 40; //Valid range 0-100
var loadingImage = 'lib/release-0.0.1/loading.gif'; //Use relative path from this page
//This method initialises the modal popup
$(".modal").click(function() {
modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage);
});
//This method hides the popup when the escape key is pressed
$(document).keyup(function(e) {
if (e.keyCode == 27) {
closePopup(fadeOutTime);
}
});
});
</script>
</head>