Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает код JQuery, когда выношу его в файл / 4 сообщений из 4, страница 1 из 1
22.09.2016, 22:07
    #39313762
eddin
eddin
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает код JQuery, когда выношу его в файл
Добрый вечер, друзья!
В программировании слабо разбираюсь. В общем, нашел вот тут 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, 23:52
    #39313789
SQL2008
SQL2008
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает код JQuery, когда выношу его в файл
eddin, а как выносите в файл?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.09.2016, 23:56
    #39313792
Gwa
Gwa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает код JQuery, когда выношу его в файл
eddin,
всё работает..
может не удаляете тег script при переносе в файл ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.09.2016, 00:09
    #39313799
eddin
eddin
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает код JQuery, когда выношу его в файл
Друзья, спасибо, что откликнулись! Да, всё заработало. Мне кажется проблема была в кэше, почистил и всё ок.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает код JQuery, когда выношу его в файл / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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