У меня есть этот веб-сайт, который я проектирую, я пытался использовать mootools 1.31 для анимации некоторых блоков div при щелчке мышью или при наведении курсора мыши на них, чтобы показать содержимое.дело в том, что он не работает на веб-странице, но если я пробую тот же скрипт на пустой веб-странице, он работает, я думаю, вероятно, это потому, что у меня есть Jquery 1.52 на той же странице, и, возможно, оба сценария конфликтуют с каждымдругой, потому что, если я удаляю Jquery, Mootools работает.Какой должен быть мой вариант, потому что мне нужно, чтобы Jquery сделал некоторые проверки для меня, поэтому я не могу удалить его полностью.
Вот коды
<script>
//-vertical
var mySlide = new Fx.Slide('test');
$('slidein').addEvent('click', function(e){
e = new Event(e);
mySlide.slideIn();
e.stop();
});
$('slideout').addEvent('click', function(e){
e = new Event(e);
mySlide.slideOut();
e.stop();
});
$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});
$('hide').addEvent('click', function(e){
e = new Event(e);
mySlide.hide();
e.stop();
});
</script>
Вот HTML
<html>
<h3 class="section">Fx.Slide Vertical</h3>
<a id="slideout" href="#">slideout</a> |
<a id="slidein" href="#">slidein</a> | <a id="toggle" href="#">
toggle</a> | <a id="hide" href="#">hide</a>
<div id="test">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mi
nim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.
</div>
Вот CSS
#test {
background: #222;
color: #fff;
padding: 10px;
margin: 20px;
border: 10px solid pink;
}
#test2 {
background: #222;
color: #fff;
padding: 10px;
margin: 20px;
border: 10px solid pink;
}
Я использую точно такой же код, который предоставляетсяMootools в их собственном примере, если я делаю это на пустой веб-странице, это работает, но включается в мою собственную веб-страницу, это не так, и на моей собственной странице просто есть тег script Jquery в разделе заголовка HTML.