ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает код JQuery, когда выношу его в файл
4 сообщений из 4, страница 1 из 1
Не работает код JQuery, когда выношу его в файл
    #39313762
eddin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
eddin
Гость
Добрый вечер, друзья!
В программировании слабо разбираюсь. В общем, нашел вот тут heavenweb.ru/delaem-prostoy-slayder-na-jquery подходящий мне слайдер. Потом чуток изменил его под себя, но когда я выношу js в отдельный файл, то скрипт перестаёт работать. Пожалуйста подскажите как правильно вынести js.

вот такой код у меня получился:
Код: html
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.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<style>
.HWSlider{
    display:inline-block;margin:0 6px 6px 0;background:red;
    width:515px;
    height:386px;
    overflow: hidden;
    position:relative;
    }
.HWSlider img{
    position:absolute;
    left:0;
    top:0;
    }
#prewbutton, #nextbutton{display:block;position:absolute;top:50%;width:15px;height:23px;overflow:hidden;opacity:0.8;z-index:1;outline:none !important;
    }
#prewbutton{left:10px;background:url(arrowBg.png) 0 50% no-repeat;}
#nextbutton{right:10px;background:url(arrowBg.png) 100% 50% no-repeat;}
#prewbutton:hover, #nextbutton:hover{opacity:1;}
</style>
<script>
 
(function ($) {
var hwSlideSpeed = 700;
var hwTimeOut = 3000;
var hwNeedLinks = true;
 
$(document).ready(function(e) {
    $('.HWSlider img').hide().eq(0).show();
    var slideNum = 0;
    var slideTime;
    slideCount = $(".HWSlider img").size();
    var animSlide = function(arrow){
        clearTimeout(slideTime);
        $('.HWSlider img').eq(slideNum).fadeOut(hwSlideSpeed);
        if(arrow == "next"){
            if(slideNum == (slideCount-1)){slideNum=0;}
            else{slideNum++}
            }
        else if(arrow == "prew")
        {
            if(slideNum == 0){slideNum=slideCount-1;}
            else{slideNum-=1}
        }
        else{
            slideNum = arrow;
            }
        $('.HWSlider img').eq(slideNum).fadeIn(hwSlideSpeed, rotator);
        }
if(hwNeedLinks){
    $('<a id="prewbutton" href="#"></a><a id="nextbutton" href="#"></a>').prependTo('.HWSlider');
    $('#nextbutton').click(function(){
        animSlide("next");
        return false;
        })
    $('#prewbutton').click(function(){
        animSlide("prew");
        return false;
        })
}
    var pause = false;
    var rotator = function(){
            if(!pause){slideTime = setTimeout(function(){animSlide('next')}, hwTimeOut);}
            }
    $('.HWSlider').hover(   
        function(){clearTimeout(slideTime); pause = true;},
        function(){pause = false; rotator();
        });
    rotator();
});
})(jQuery);
 
</script>
    <div class="HWSlider">
        <img src="img/001.jpg" width="515" height="386" alt="">
        <img src="img/002.jpg" width="515" height="386" alt="">
        <img src="img/003.jpg" width="515" height="386" alt="">
        <img src="img/004.jpg" width="515" height="386" alt="">
    </div>
</body>
</html>
...
Рейтинг: 0 / 0
22.09.2016, 22:07
| Ответить | Цитировать | Написать  
Не работает код JQuery, когда выношу его в файл
    #39313789
Фотография SQL2008
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQL2008
Участник
eddin, а как выносите в файл?
...
Рейтинг: 0 / 0
22.09.2016, 23:52
| Ответить | Цитировать | Написать  
Не работает код JQuery, когда выношу его в файл
    #39313792
Gwa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gwa
Участник
eddin,
всё работает..
может не удаляете тег script при переносе в файл ?
...
Рейтинг: 0 / 0
22.09.2016, 23:56
| Ответить | Цитировать | Написать  
Не работает код JQuery, когда выношу его в файл
    #39313799
eddin
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
eddin
Гость
Друзья, спасибо, что откликнулись! Да, всё заработало. Мне кажется проблема была в кэше, почистил и всё ок.
...
Рейтинг: 0 / 0
23.09.2016, 00:09
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает код JQuery, когда выношу его в файл
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]