Javascript 使用另一个jquery脚本时取消滑动不工作
我为一个网站实现了两个不同的jquery脚本。一个是“unslider”在Javascript 使用另一个jquery脚本时取消滑动不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我为一个网站实现了两个不同的jquery脚本。一个是“unslider”在横幅div中查看滑动照片，另一个是菜单div中名为magicline.js的悬停下划线。问题是，当我想将magicline.js用于菜单div时，unslider停止工作。看起来这两个脚本相互冲突。我不知道这两个脚本之间发生了什么。如果你有什么想法，请告诉我 你可以在bravodesignbc.com上查看我正在开发的网站 以下是该网站的html： <!DOCTYPE html PUBLIC "-//W3C/
横幅div菜单div菜单div <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<title>Untitled Document</title>
<script src="scripts/jquery-1.10.2.min.js"></script>
<script src="scripts/unsliderNew.js"></script>
<script src="scripts/magicLine.js"></script>
<script>
$(function() {
$('.banner').unslider();
});
$('.banner').unslider({
speed: 400, // The speed to animate each slide (in milliseconds)
delay: 3000, // The delay between slide animations (in milliseconds)
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: false, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
});
</script>
</head>
<body>
<!---
--->
<div id="header">
<div id="headerWrap">
<div id="brand">
<img style="position: absolute; top: 18px; left: 0px;" src="images/bdLogo.png" />
<h1>Bravo Design</h1>
<h3>Renovation & Construction</h3>
</div>
<p id=rightHead> contact us <br /> 604.723.6059</p>
</div>
</div>
<div class="menuWrap">
<ul class="group" id="menu">
<li class="current_page_item"><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="feature">
<div class="banner">
<div class="buttonPrev">
<a href="#" class="unslider-arrow prev"><img src="images/prev.png" /></a>
</div>
<div class="buttonNext">
<a href="#" class="unslider-arrow next"><img src="images/next.png" /></a>
</div>
<div class="bottomBanner">
<h2>Serving the lower mainland<br />
for over twenty years
</h2>
</div>
<script>
var unslider = $('.banner').unslider();
$('.unslider-arrow').click(function(event) {
event.preventDefault();
if ($(this).hasClass('next')) {
unslider.data('unslider')['next']();
} else {
unslider.data('unslider')['prev']();
};
});
</script>
<ul>
<li><img src="images/knappen.jpg" /></li>
<li><img src="images/closeupChandelier.jpg" /></li>
<li class="listBg"><h3>Slide 3</h3></li>
</ul>
</div>
</div>
<div id="content">
<div id="contentWrap">
<div id="desc"><p>Bravo Design was created by its founder Waldemar Slonina. Waldemar is pronounced “Valdemar” in Polish. Waldemar started Bravo Design unofficially in 1992 when he arrived in Vancouver from Europe. He originally worked for another larger company, at first, but did side jobs, where he first got a taste of owning a business. Then, he began with a small framing business, which quickly led to more work in renovations and construction around Vancouver. Soon, he started to gain business all around the Lower Mainland. Since, he has worked locally in the Tri-cities and Vancouver.<br /><br />
His former clients would classify him as reliable, on-budget, hard working, on-schedule, and diligent. These qualities have helped him sustain a successful small business for over two decades. He approaches each new project with enthusiasm!<p>
</div>
<div id="column">
<h3 style="padding-left: 10px; padding-top: 10px;">Testimonials</h3>
<p style="padding: 10px; padding-top: 0px;">"The job you did with our kitchen is amazing yayayayyayayda" <br />
<i>-Art Vandelay,</i> Maple Ridge</p>
</div>
</div>
</div>
<div id="footer">
<div id="footerWrap">
<div id="leftFoot"><img style="position: absolute; top: 10px; left: 0px;" src="images/logoMini.png" />
<p style="position: absolute; top: 10px; left: 40px;" > Bravo Design</p>
<p style="position: absolute; top: 28px; left: 40px; font-size: 11px; border-top:solid 1px #FFF;" > Renovation & Construction</p>
</div>
<div id="rightFoot"><p style="font-size: 12px;">Copyright 2013. Bravo Design. All rights reserved.<br />
Website design by <a href="http://www.thinkchameleon.com" style="color: #F00; text-decoration:none">think Chameleon</a></p></div>
</div>
</div>
</body>
</html>
无标题文件
$（函数（）{
$（'.banner'）.unslider（）；
});
$（'.banner'）.unslider({
速度：400，//为每张幻灯片设置动画的速度（毫秒）
延迟：3000，//幻灯片动画之间的延迟（毫秒）
按键：true，//启用键盘（左、右）箭头快捷键
dots:false，//显示点导航
流体：错误//支持响应性设计。可能会破坏非响应性设计
});
布拉沃设计
装修与施工
联系我们
604.723.6059
服务于较低的大陆
二十多年来
var unslider=$（'.banner'）.unslider（）；
$（'.unslider箭头'）。单击（函数（事件）{
event.preventDefault（）；
if（$（this）.hasClass（'next'））{
数据（'unslider'）['next']（）；
}否则{
unslider.data（'unslider'）['prev']（）；
};
});
幻灯片3
Bravo Design由其创始人Waldemar Slonina创建。瓦尔德马尔在波兰语中发音为“瓦尔德马尔”。瓦尔德马尔在1992年从欧洲来到温哥华时非正式地开始了布拉沃设计。他最初在另一家大公司工作，但做兼职，在那里他第一次尝到了拥有一家企业的滋味。然后，他开始了一个小的框架业务，这很快导致了温哥华周围更多的装修和建设工作。很快，他开始在下大陆各地获得生意。从那时起，他在三个城市和温哥华当地工作。
他以前的客户会把他归为可靠的、有预算的、勤奋的、按时的和勤奋的。这些品质帮助他在20多年的时间里维持了一家成功的小企业。他以热情对待每一个新项目
推荐书
“你对我们厨房所做的工作太棒了！”
-艺术范德雷，枫树岭
布拉沃设计
装修与施工
版权所有2013。好的设计。保留所有权利。
网站设计
ul.queue（…）unsliderNew.jsif（！ul.queue（'fx'）.length）{magicline.js