希望有OwlCarousel 2经验的人可以帮助我.我在顶部有一个菜单,我需要每个菜单项转到指定的幻灯片,但它不起作用.我没有收到任何错误,旋转木马中的其他所有内容都正常工作.我只是无法让goTo事件发挥作用.任何帮助将非常感激!提前致谢!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="assets/owl.carousel.css">
<link rel="stylesheet" href="assets/owl.theme.default.css">
</head>
<body>
<nav>
<ul>
<li><a href="" class="HomeTab">Home</a></li>
<li><a href="" class="ContestInfoTab">Contest Info</a></li>
<li><a href="" class="SignUpTab">Sign Up</a></li>
<li><a href="" class="FAQTab">FAQ</a></li>
<li><a href="" class="LeaderboardTab">Leaderboard</a></li>
</ul>
</nav>
<div class="owl-carousel owl-theme" id="mainNav" style="color:#000;">
<div class="item home">
CONTENT FOR SLIDE 1
</div>
<div class="item contest">
CONTENT FOR SLIDE 2
</div>
<div class="item signup">
CONTENT FOR SLIDE 3
</div>
<div class="item faq">
CONTENT FOR SLIDE 4
</div>
<div class="item leaderboard">
CONTENTN FOR …我有一个带有视频的简单模式窗口（使用 Video.js）。我正在打开它并在单击时使用 jquery 关闭它。如果用户在任何时候关闭窗口，我需要视频暂停/停止。出于某种原因，我无法让它工作。我已经搜索了一段时间并得到了相同的答案，所以它应该很简单，但有些东西导致它无法正常工作。任何帮助，将不胜感激！
<a href="#" class="video1"></a>
<div class="modal" id="video1" style="display:none;">
<div class="modalBg"></div>
<div class="videoContainer">
<div class="closeBtn"></div>
<div class="video">
<video id="vid1" class="video-js vjs-default-skin" controls preload="none" width="auto" height="auto" data-setup="{}">
<source src="video/video.mp4" type='video/mp4' />
</video>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$(".closeBtn").click(function() {
$(".modal").hide();
$("#vid1").player().pause();
});
$(".video1").click(function() {
$("#video1").show();
});
$('video').on('ended',function(){
$(".modal").hide();
});
});
</script>
我已经在头部包含了所有必要的 video.js 文件，不要认为在此处包含这些引用很重要。