На моей странице у меня есть бутстрап сова-карусель и контактная форма. Проблема в том, что либо контактная форма работает, либо скользящие изображения карусельного слайдера – одна из обеих. Я узнал, где проблема, но понятия не имею, как это решить. Ниже найдите мой JS-код. Сначала для совой карусели и отдыха два для моей контактной формы.
<script> $(document).ready(function() { var owl = $("#owl-hero"); owl.owlCarousel({ navigation: false, // Show next and prev buttons slideSpeed: 1, paginationSpeed: 400, singleItem: true, transitionStyle: "fade" }); }); $(document).ready(function() { $("#contactForm").on("submit", function(event) { if (event.isDefaultPrevented()) { } else { event.preventDefault(); submitForm(); } }); }); function submitForm() { $.ajax({ type: "POST", url: "mail.php", data: $("#contactForm").serialize(), success: function(text) { if (text == "success") { $("#msgSubmit" ).removeClass( "hidden" ); setTimeout(function() { $("#msgSubmit" ).addClass( "hidden"); }, 6000); } }, error : function() { /* You probably want to add an error message as well */ $("#msgError" ).removeClass( "hidden" ); } }); }; </script> Когда я использую, как указано выше, моя контактная форма работает, я имею в виду почту, которую я отправляю, и пользователю отображается сообщение, но моя карусель не скользящих фотографий – это стек.
Если мне нужны мои работы, я должен вырезать маркеры в конце, как показано ниже:
$(document).ready(function() { var owl = $("#owl-hero"); owl.owlCarousel({ navigation: false, // Show next and prev buttons slideSpeed: 1, paginationSpeed: 400, singleItem: true, transitionStyle: "fade" });
этот был отрезан от конца:
});
и теперь карусель работает, но не контактная форма. Я верю, что у меня все еще есть окошка с маркером в моем JS, можете ли вы взглянуть?
ДАЛЬНЕЙШЕЕ ОБСУЖДЕНИЕ: Если я разделяю карусель JS на отдельный кронштейн – но без правильно закрытой отметки – тогда все, кажется, работает ..; / см. Ниже:
<script> $(document).ready(function() { var owl = $("#owl-hero"); owl.owlCarousel({ navigation: false, // Show next and prev buttons slideSpeed: 1, paginationSpeed: 400, singleItem: true, transitionStyle: "fade" }); } </script> <script> $(document).ready(function() { $("#contactForm").on("submit", function(event) { if (event.isDefaultPrevented()) { } else { event.preventDefault(); submitForm(); } }); }); function submitForm() { $.ajax({ type: "POST", url: "mail.php", data: $("#contactForm").serialize(), success: function(text) { if (text == "success") { $("#msgSubmit" ).removeClass( "hidden" ); setTimeout(function() { $("#msgSubmit" ).addClass( "hidden"); }, 6000); } }, error : function() { /* You probably want to add an error message as well */ $("#msgError" ).removeClass( "hidden" ); } }); }; </script>