На странице есть несколько скриптов $(document).ready(function()
1.
<script type="text/javascript">
$(document).ready(function() {
$("#form1").submit(function() {
$.ajax({
type: "POST",
url: "mail1.php",
data: $(this).serialize()
}).done(function() {
$(this).find("input").val("");
$("#form1").trigger("reset");
});
return false;
});
});
</script>
2.
<script type="text/javascript">
$(document).ready(function()
{
var Carousel1Opts =
{
delay: 999999,
duration: 500,
easing: 'linear',
mode: 'fade',
direction: '',
pagination: true,
pagination_img_default: 'images/sl_p.png',
pagination_img_active: 'images/sl_a.png',
start: 0,
width: 875
};
$("#Carousel1").carouseleffects(Carousel1Opts);
$("#Carousel1_back a").click(function()
{
$('#Carousel1').carouseleffects('prev');
});
$("#Carousel1_next a").click(function()
{
$('#Carousel1').carouseleffects('next');
});
$("a[data-rel='PhotoGallery1']").attr('rel', 'PhotoGallery1');
$("a[rel^='PhotoGallery1']").fancybox({});
$("a[data-rel='PhotoGallery2']").attr('rel', 'PhotoGallery2');
$("a[rel^='PhotoGallery2']").fancybox({});
$("a[data-rel='PhotoGallery3']").attr('rel', 'PhotoGallery3');
$("a[rel^='PhotoGallery3']").fancybox({});
$("a[data-rel='PhotoGallery4']").attr('rel', 'PhotoGallery4');
$("a[rel^='PhotoGallery4']").fancybox({});
var Carousel2Opts =
{
delay: 4000,
duration: 500,
easing: 'linear',
mode: 'fade',
direction: '',
pagination: true,
pagination_img_default: 'images/sl_p.png',
pagination_img_active: 'images/sl_a.png',
start: 0,
width: 434
};
$("#Carousel2").carouseleffects(Carousel2Opts);
$("#Carousel2_back a").click(function()
{
$('#Carousel2').carouseleffects('prev');
});
$("#Carousel2_next a").click(function()
{
$('#Carousel2').carouseleffects('next');
});
});
</script>
Таких как первый на странице 6 штук(все работают), после каждой формы. а второй только один в начале страницы(не работает)
Помогоите их совместить пожалуйста