Здравствуйте,
Мне нужно, чтобы меню и фотогалерея не мешали друг другу работать.
Этот код у меня работает здесь,
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!-- Photogallery -->
<script type="text/javascript" src="js/jquery-1.js" ></script>
<script type="text/javascript" src="js/jquery.lightbox.js" ></script>
<link rel="stylesheet" type="text/css" href="js/lightbox.css" />
<!-- End Photogallery -->
<!-- Menu -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="style_menu.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
.container{
margin:20px auto;
width:280px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('#cssmenu li.has-sub > a').on('click', function(){
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp();
}
else {
element.addClass('open');
element.children('ul').slideDown();
element.siblings('li').children('ul').slideUp();
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp();
}
});
$('#cssmenu>ul>li.has-sub>a').append('<span class="holder"></span>');
});
</script>
<!-- End Menu -->
Но когда я вставляю в рабочий вариант, то у меня работает один из вариантов, не знаю уже как и устранить проблему. И это пробовала вставить.
1.
2.
3.
<script type="text/javascript">
jQuery.noConflict();
</script>
А здесь вариант, который уже не работает ... (((
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="js/menu/menustyle.css" type="text/css" media="screen">
<link href="js/tabs/tabstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script type="text/javascript" src="js/jquery-latest.min.js" ></script>
<script type="text/javascript" src="js/rotator.js" ></script>
<link rel="stylesheet" type="text/css" media="all" href="js/zoom/zoom.css" />
<script type="text/javascript" src="js/zoom/jquery.min.js" ></script>
<script type="text/javascript" src="js/zoom/zoom.js" ></script>
<link rel="stylesheet" type="text/css" href="js/fotorama/fotorama.css" />
<script type="text/javascript" src="js/fotorama/fotorama.js" ></script>
<script type="text/javascript">
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open() {
jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close() {
if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer() {
closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer() {
if(closetimer) {
window.clearTimeout(closetimer);
closetimer = null;
}
}
$(document).ready(function() {
$('.menut > li').bind('mouseover', jsddm_open)
$('.menut > li').bind('mouseout', jsddm_timer)});
document.onclick = jsddm_close;
</script>
<style>
span.reference {
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a {
color:#aaa;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 1px 1px #000;
margin-right:30px;
}
span.reference a:hover {
color:#ddd;
}
ul.sdt_menu {
/* margin-top:150px;
z-index: 120;*/
}
</style>
<!-- Datepicker -->
<link href="js/cupertino/css/cupertino/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="js/cupertino/js/jquery-ui-1.10.3.custom.js"></script>
<script src="js/cupertino/development-bundle/ui/i18n/jquery-ui-i18n.js" type="text/javascript"></script>
<!-- End Datepicker -->
<!-- Photogallery -->
<script type="text/javascript" src="js/photogallery/jquery-1.js" ></script>
<script type="text/javascript" src="js/photogallery/jquery.lightbox.js" ></script>
<link rel="stylesheet" type="text/css" href="js/photogallery/lightbox.css" />
<!-- End Photogallery -->
<!-- Menu -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="style_menu.css" rel="stylesheet" type="text/css" />
<style>
.container{
margin:20px auto;
width:280px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('#cssmenu li.has-sub > a').on('click', function(){
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp();
}
else {
element.addClass('open');
element.children('ul').slideDown();
element.siblings('li').children('ul').slideUp();
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp();
}
});
$('#cssmenu>ul>li.has-sub>a').append('<span class="holder"></span>');
});
</script>
<!-- End Menu -->
<!-- Photogallery -->
<script type="text/javascript">
$(document).ready(function(){
$("h2").append('')
$(".thumbs a").click(function(){
var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");
$("#largeImg").attr({ src: largePath, alt: largeAlt });
$("h2 em").html(" (" + largeAlt + ")"); return false;
});
});
</script>
<!-- End Photogallery_3 -->
