Привет Я последовал примеру, чтобы получить эту карусель работает carousel linkJQuery элемент не является функцией
Он отлично работает в Internet Explorer, однако, когда я запускаю его в светлячок я получаю TypeError ошибки: $ (...) .slick не является функцией
Я продолжаю смотреть и не видеть каких-либо различий в моем коде к примеру, и не может понять, как это будет работать в IE, а не Firefox
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="fancybox/jquery.fancybox.css">
<script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.0.6"></script>
<script src="js/jquery.flow.1.2.auto.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
<div class="carousel">
<div><img src="img/carousel/1.jpg" /></div>
<div><img src="img/carousel/2.jpg" /></div>
<div><img src="img/carousel/coutout2.jpg" /></div>
<div><img src="img/carousel/cutout.jpg" /></div>
<div><img src="img/carousel/cutout1.jpg" /></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".modalbox").fancybox();
$('.carousel').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 450,
adaptiveHeight: true
});
$("#Logo").show();
$("#contact").submit(function() { return false; });
//send email
$("#send").on("click", function(){
var emailval = $("#email").val();
var msgval = $("#message").val();
var msglen = msgval.length;
var mailvalid = validateEmail(emailval);
//
if(mailvalid == false) {
$("#email").addClass("error");
}
else if(mailvalid == true){
$("#email").removeClass("error");
}
if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
//
mailvalid == true
if(mailvalid == true && msglen >= 4) {
$("#send").replaceWith("<em>sending...</em>");
$.ajax({
type: 'POST',
url: 'contact_form/contact.php',
data: $("#contact").serialize(),
success: function(data) {
if(data == "true") {
$("#contact").fadeOut("fast", function(){
$(this).before("<p><strong>Success! Your feedback has been sent, thanks :)</strong></p>");
setTimeout("$.fancybox.close()", 1000);
});
}
}
});
}
});
//validate email
function validateEmail(email) {
var reg = /^(([^<>()[\]\\.,;:\[email protected]\"]+(\.[^<>()[\]\\.,;:\[email protected]\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return reg.test(email);
}
});
Я не думаю, что это проблема, так как он работает в IE, но я не вижу включенного jQuery. Вы видите другую ошибку или ошибку 404 в консоли разработчика? – wezzy
у вас есть JQuery? я думаю, что вы должны, если его работа в IE –
Вот такая ошибка, которую вы получите, когда jQuery не включен. В этом случае он тоже не должен работать в IE, хотя IE печально известен тем, что кэширует все до конца времени. – Sparky