mCustomScrollbar不适用于html 5音频播放器

时间:2013-03-02 21:37:14

标签: jquery scroll custom-scrolling

我在mCustomScrollbar滚动条中遇到纯html 5音频播放器的问题,当我尝试拖动播放器的跟踪器时它变得疯狂,鼠标附加到播放器跟踪器 这是一个链接http://jsfiddle.net/FhWez/10/embedded/result/ 谢谢。

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="http://manos.malihu.gr/tuts/custom-scrollbar-plugin/jquery.mCustomScrollbar.css" />

<style>
.tracks
{
margin-left: 72px;
padding-top: 30px;
height: 150px;
width: 860px;
}
</style>    
</head>
<body>
<div class="container">
<div id="playlist">
<div class="tracks">
<div class="track">
<div class="track-title">Around Mountains 2</div>
<div class="track-audio">
<audio src="http://mos.futurenet.com/intermusic/audio/samples/funk-demo-loops/GuitarD_90A-01.mp3" type="audio/mpeg" controls="controls" />
</div>
<div class="track-download"></div>
</div>
<div class="track">
<div class="track-title">Around Mountains 2</div>
<div class="track-audio">
<audio src="http://mos.futurenet.com/intermusic/audio/samples/funk-demo-loops/GuitarD_90A-01.mp3" type="audio/mpeg" controls="controls" />
</div>
<div class="track-download"></div>
</div>
<div class="track">
<div class="track-title">Around Mountains 2</div>
<div class="track-audio">
<audio src="http://mos.futurenet.com/intermusic/audio/samples/funk-demo-loops/GuitarD_90A-01.mp3" type="audio/mpeg" controls="controls" />
</div>
<div class="track-download"></div>
</div>
<div class="track">
<div class="track-title">Around Mountains 2</div>
<div class="track-audio">
<audio src="http://mos.futurenet.com/intermusic/audio/samples/funk-demo-loops/GuitarD_90A-01.mp3" type="audio/mpeg" controls="controls" />
</div>
<div class="track-download"></div>
</div>                     
</div>  
</div>

</div> <!-- /container -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://manos.malihu.gr/tuts/custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($){
$(window).load(function(){
$(".tracks").mCustomScrollbar({
theme:"dark-thick"
});
});
})(jQuery);
</script>
</body>
</html>

0 个答案:

没有答案