Перейти к содержимому

Фотография
- - - - -

Не работают два JS скрипта на одной странице


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
Сообщений в теме: 2

#1 Mramor_73

Mramor_73

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 20 Февраль 2014 в 18:05

Всем доброго времени суток

Токая проблема
Не хотят работать два JS скрипта на странице галерея картинок и аккордеон
Если убрать вызов скрипта галерей

<!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" />
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/accordionmenu.css" />
<title>Untitled Document</title>
</head>

<body>
<div class="main">
	<div class="header">
    	<a href="/"><img class="logo" src="images/logo.png" alt="Интернет магазин цифровой техники" /></a>
        <div class="head-contact">
        	<p><strong>Телефон:</strong><br />
<span>8 (800) 700-00-01</span></p>
            <p><strong>Режим работы:</strong><br />
Будние дни: с 9:00 до 18:00 <br /> 
Суббота, Воскресенье - выходные  </p>
        </div>
        <form method="get" action="">
        <ul class="search-head">
        	<li>
            <input type="text" name="search" id="quickquery" placeholder="Что вы хотите купить?" />
		<script type="text/javascript">
        //<![CDATA[
        	placeholderSetup('quickquery');
        //]]>
        </script>
</li>
            <li><input type="image" class="serch-btn" src="images/searc-btn.jpg" /></li>
        </ul>
        </form>   
    </div>
    <ul class="menu">
    	<li><a href="#">Главная</a></li>
        <li><a href="#">О магазине</a></li>
        <li><a href="#">Оплата и доставка</a></li>
        <li><a href="#">Покупка в кредит</a></li>
        <li><a href="#">Контакты</a></li> 			       			         		           
    </ul>
    <div id="contentwrapper">
		<div id="content">                	
				<div class="kroshka">
					<a href="#">Мобильные телефоны</a> / <a href="#">LG</a> / <span>Слайдеры</span>
				</div>
                
               <div class="catalog-detail"> 
               
                <h1>Sony Xperia S 32Gb (черный)</h1>
                
					<ul id="slideshow">
						<li>
							<h3></h3>
							<span>photos/1.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/1.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/2.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/2.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/3.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/3.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/4.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/4.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/5.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/5.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/6.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/6.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/7.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/7.jpg" alt="Small Fish" /></a>
						</li>
						<li>
							<h3></h3>
							<span>photos/8.jpg</span>
							<p></p>
							<a href="#"><img src="thumbnails/8.jpg" alt="Small Fish" /></a>
						</li>
					</ul>
					<div id="wrapper">
						<div id="fullsize">
							<div id="imgprev" class="imgnav" title="Previous Image"></div>
							<div id="imglink"></div>
							<div id="imgnext" class="imgnav" title="Next Image"></div>
							<div id="image"></div>
							<div id="information">
								<h3></h3>
								<p></p>
							</div>
						</div>
						<div id="thumbnails">
						<div id="slideleft" title="Slide Left"></div>
							<div id="slidearea">
								<div id="slider"></div>
							</div>
							<div id="slideright" title="Slide Right"></div>
						</div>
					</div>
						<script type="text/javascript">
							
                            $('slideshow').style.display='none';
                            $('wrapper').style.display='block';
                            var slideshow=new TINY.slideshow("slideshow");
                            window.onload=function(){
                                slideshow.auto=true;
                                slideshow.speed=5;
                                slideshow.link="linkhover";
                                slideshow.info="information";
                                slideshow.thumbs="slider";
                                slideshow.left="slideleft";
                                slideshow.right="slideright";
                                slideshow.scrollSpeed=4;
                                slideshow.spacing=5;
                                slideshow.active="#fff";
                                slideshow.init("slideshow","image","imgprev","imgnext","imglink");
                            }
							
                        </script>	
               
               
               <div class="icon-detail">
					<img src="images/ico-det-new.jpg" alt="новинка" />
					<img src="images/ico-det-lider.jpg" alt="лидер продаж" />
					<img src="images/ico-det-sale.jpg" alt="распродажа" />
				</div>
				
				<div class="short-opais">
<h3>Краткое описание:</h3>
<p>Футуристичный смартфон Sony Xperia S под управлением ОС Android 2.3 Gingerbread с возможностью обновления до версии 4.0 Ice Cream Sandwich – первый из серии Xperia NXT, линейки смартфонов нового поколения.</p> 

<p>В нем объединились новейшие технологии и лучшие разработки Sony, достойный функционал и минималистичный дизайн.</p>
<p class="price-detail">Цена :  <span>24 990.</span></p>
<a href="#"><img class="addtocard-index" src="images/addcard-detail.jpg" alt="Добавить в карзину" /></a>
				</div>
				
				<div class="clr"></div>
				
				<div class="long-opais">
<h3>Описание телефона Sony Xperia S 32Gb (черный):</h3>
<p>Футуристичный смартфон Sony Xperia S под управлением ОС Android 2.3 Gingerbread с возможностью обновления до версии 4.0 Ice Cream Sandwich – первый из серии Xperia NXT, линейки смартфонов нового поколения. В нем объединились новейшие технологии и лучшие разработки Sony, достойный функционал и минималистичный дизайн.</p> 

<p>Высокая производительность. Мощный двухъядерный процессор 1,5 ГГц Qualcomm Snapdragon MSM8260 гарантирует быстродействие любых игр и приложений.
Превосходное качество изображения. 4,3-дюймовый HD 1280*720p экран Reality Display с технологией Mobile BRAVIA Engine обеспечивает потрясающие впечатления от просмотра изображений и видео с высоким разрешением.</p>

<p>Удобство подключения к другим устройствам. Беспроводная связь на малых расстояниях (NFC) позволяет легко обмениваться информацией с другими пользователями и открывает доступ к многочисленным NFC-приложениям и услугам. Xperia S можно подключить к телевизору посредством Wi-Fi, DLNA, HDMI, а также использовать BRAVIA Sync для управления смартфоном с пульта ДУ телевизора.</p>			
				</div>
 
                <div class="clr"></div>
            
                
            </div>   
        </div>
    </div>      
    <div id="left-bar">
		<div class="left-bar-cont">
			<h2><span>Акции:</span></h2>
			<h3 class="nav-new"><a href="#">Новинки</a></h3>
			<h3 class="nav-lider"><a href="#">Лидеры продаж</a></h3>
			<h3 class="nav-sale"><a href="#">Распродажа</a></h3>
            <h4><span>- Католог товаров</span></h4>
                <ul class="accordion">
                    
                    <li id="one" class="files">
        
                        <a href="#" class="active">Категория<span>495</span></a>
        
                        <ul class="sub-menu" style="display: none; ">
                            
                            <li><a href="#"><em>01</em>Влож категория<span>42</span></a></li>
                            
                            <li><a href="#"><em>02</em>Влож категория<span>87</span></a></li>
        
                            <li><a href="#"><em>03</em>Влож категория<span>366</span></a></li>
        
                            <li><a href="#"><em>04</em>Влож категория<span>1</span></a></li>
                            
                            <li><a href="#"><em>05</em>Влож категория<span>10</span></a></li>
        
                        </ul>
        
                    </li>
                    
                    <li id="two" class="mail">
        
                        <a href="#" class="">Категория<span>26</span></a>
        
                        <ul class="sub-menu" style="display: none; ">
                            
                            <li><a href="#"><em>01</em>Влож категория<span>9</span></a></li>
                            
                            <li><a href="#"><em>02</em>Влож категория<span>14</span></a></li>
        
                        </ul>
        
                    </li>
                    
                    <li id="three" class="cloud">
        
                        <a href="#" class="">Категория<span>58</span></a>
        
                        <ul class="sub-menu" style="display: none; ">
                            
                            <li><a href="#"><em>01</em>Влож категория<span>12</span></a></li>
                            
                            <li><a href="#"><em>02</em>Влож категория<span>19</span></a></li>
        
                            <li><a href="#"><em>03</em>Влож категория<span>27</span></a></li>
        
                            <li><a href="#"><em>04</em>Влож категория<span>12</span></a></li>
                            
                            <li><a href="#"><em>05</em>Влож категория<span>19</span></a></li>
        
                            <li><a href="#"><em>06</em>Влож категория<span>27</span></a></li>
        
                        </ul>
        
                    </li>
               
                </ul>

				<script type="text/javascript">
                
                        $(document).ready(function() {
                
                            
                            var accordion_head = $('.accordion > li > a'),
                                accordion_body = $('.accordion li > .sub-menu');
                
                
                            accordion_head.first().addClass('active').next().slideDown('normal');
                
                            accordion_head.on('click', function(event) {
                                
                                event.preventDefault();
                
                                if ($(this).attr('class') != 'active'){
                                    accordion_body.slideUp('normal');
                                    $(this).next().stop(true,true).slideToggle('normal');
                                    accordion_head.removeClass('active');
                                    $(this).addClass('active');
                                }
                
                            });
                
                        });
                
                    </script>
					
                    
            <div class="bar-contact">
				<h3>Контакты:</h3>
				<p><strong>Телефон:</strong><br />
				<span>8 (800) 700-00-01</span></p>
			
				<p><strong>Режим работы:</strong><br />
				Будние дни: <br />
				с 9:00 до 18:00<br />
				Суббота, Воскресенье:<br />
				выходные</p>
			</div>
            <div class="news">
				<h3>Новости</h3>
				<p>
					<span>24.03.2012</span>
					<a href="#">Поступили в продажу новые
					телефоны sumsung</a>	
				</p>
				<p>
					<span>24.03.2012</span>
					<a href="#">Подарки всем купившим apple iphone 4s</a>	
				</p>
				<a href="#" class="news-arh">Архив новостей</a>
			</div>  
            <div class="info">
				<h3>Способы оплаты:</h3>
				<p>- <a href="#">Наличный расчёт</a></p>
				<p>- <a href="#">Пластиковой картой</a></p>
				<p>- <a href="#">Кредит</a></p>
				<p>- <a href="#">Рассчитать кредит</a></p>
				<p>- <a href="#">Безналичный расчёт</a></p>
			</div> 
            <div class="info">
				<h3>Доставка:</h3>
				<p>- <a href="#">Почта России</a></p>
				<p>- <a href="#">Курьерская служба</a></p>
			</div>
			<div class="info">
				<h3>Информация для вас:</h3>
				<p>- <a href="#">Гарантия</a></p>
				<p>- <a href="#">Как выбрать телефон</a></p>
				<p>- <a href="#">Ремонт и обслуживание</a></p>
				<p>- <a href="#">Акции и новинки</a></p>
				<p>- <a href="#">Условия доставки</a></p>
			</div>
        </div>                  
	</div>
    <div id="right-bar">
        <div class="right-bar-cont">
			<div class="enter">
				<h2><span>Авторизация</span></h2>
				<div>
					<a href="#"><img src="images/enter.jpg" alt="" /></a>
				</div>	
			</div>
            <div class="basket">
				<h2><span>Корзина</span></h2>
				<div>
					<p>
						У вас в корзине<br />
						<span>1</span> товар на <span>30 459</span> руб
					</p>
					<a href="#"><img src="images/oformit.jpg" alt="" /></a>
				</div>
			</div>            
            <div class="share-search">
				<h2><span>Выбор по параметрам</span></h2>
				<div>
					<form method="post" action="">
					<p>Стоимость:</p>
					от <input class="podbor-price" type="text" name="start-price" />
					до <input class="podbor-price" type="text" name="end-price" />
					 руб.
					 <br /><br />
					<p>Производители:</p>
					<select>
						<option>Ericsson</option>
						<option>Alcatel</option>
						<option>Mitsubish</option>
						<option>Motorola</option>
						<option>NEC</option>
						<option>Nokia</option>							
					</select>						
					<input class="podbor" type="image" src="images/podbor.jpg" />						
					</form>
				</div>
			</div>
            
        </div>        
    </div>
    
    <div class="clr"></div>
    <div class="footer">
			<div class="flogo">
				<a href="/"><img src="images/footer-logo.png" alt="Интернет магазин цифровой техники" /></a>
				<p>Сopyright © </p>
			</div>	
			<div class="fphone">
                <h2>Телефон:</h2>
                <h1>8 (800) 000-00-01</h1>
                
                <h2>Режим работы:</h2>
                <p>Будние дни: с 9:00 до 18:00<br /> 
                Суббота, Воскресенье - выходные </p>			
			</div>
			<div class="fmenu">
				<p>Меню:</p>
				<ul>
					<li><a href="#">Главная</a></li>
					<li><a href="#">О магазине</a></li>
					<li><a href="#">Оплата и доставка</a></li>
				</ul>	
				<ul>
					<li><a href="#">Покупка в кредит</a></li>
					<li><a href="#">Контакты</a></li>
				</ul>
			</div>
	</div>      
</div>

</body>
</html>

то аккордеон работает но тогда рушится галерея

Надеюсь на помощь
Заранее благодарен

Прикрепленные файлы

  • Прикрепленный файл  primer.rar   828,39К   196 Количество загрузок:

  • 0

Спонсор

#2 Volter9

Volter9

    defined('SURRENDER') or die(); // StarWars

  • V.I.P.
  • 158
    1 145 сообщ.

Отправлено 21 Февраль 2014 в 03:13

Mramor_73, не работает потому что script.js перезагружает jQuery ($()):

var TINY={};

function $(i){return document.getElementById(i)}
function $$(e,p){p=p||document; return p.getElementsByTagName(e)}

// ...

В общем архив с работающим JS в прикрепленных файлах.

Прикрепленные файлы

  • Прикрепленный файл  primer.zip   428,67К   149 Количество загрузок:

Сообщение отредактировал Volter9: 21 Февраль 2014 в 03:13

  • 1

#3 Mramor_73

Mramor_73

    Прохожий

    Топикстартер
  • Новичок
  • 0
    3 сообщ.

Отправлено 21 Февраль 2014 в 06:31

Бальшое спасибо


  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей