2015-02-23 4 views
0

Это голова часть моего кода чего мои Javascript и CSS библиотеки, но это не будет работать мой JQuery файля не могу получить Javascript для запуска

<link rel = "stylesheet" href = "bower_componets/bootstrap/dist/css/bootstrap.min.css"> 
<link rel = "stylesheet" href = "darkly.css"> 
<link rel = "stylesheet" href = "HistorySytleSheet.css"/> 
<script type = "text/javascript" src = "bower_component/jquery/dist/jquery.min.js"></script> 
<script type = "text/javascript" src = "bower_component/bootstrap/dist/js/bootstrap.min.js"></script> 
<script type="text/javascript" src = "HistoryJQ.js"></script> 

ели те, которые просят это Jquery Я пытаюсь запустить

var main = function() { 
    $('arrow-next').click(function() { 
     var currentSlide = $('active-slide'); 
     var nextSlide = currentSlide.next(); 

     var currentDot = $('active-dot'); 
     var nextDot = currentDot.next(); 

     if(nextSlide.length === 0) 
     { 
      nextSlide = $('.slide').first(); 
      nextDot = $('.dot').first(); 
     } 

     currentSlide.fadeOut(600).removeClass('active-slide'); 
     nextSlide.fadeIn(600).addClass('active-slide'); 

     currentDot.removeClass('active-dot'); 
     nextDot.addClass('active-dot'); 
    }); 


     $('.arrow-prev').click(function() { 
    var currentSlide = $('.active-slide'); 
    var prevSlide = currentSlide.prev(); 

    var currentDot = $('.active-dot'); 
    var prevDot = currentDot.prev(); 

    if(prevSlide.length === 0) { 
     prevSlide = $('.slide').last(); 
     prevDot = $('.dot').last(); 
    } 

    currentSlide.fadeOut(600).removeClass('active-slide'); 
    prevSlide.fadeIn(600).addClass('active-slide'); 

    currentDot.removeClass('active-dot'); 
    prevDot.addClass('active-dot'); 
    }); 

}; 

$(document).readyState(main); 
+1

Любые ошибки в консоли? Вы уверены, что путь к файлам правильный? –

+1

Добро пожаловать в переполнение стека. Пожалуйста, используйте описательное название. Было бы также полезно включить любые сообщения об ошибках. –

+1

два из ваших элементов ссылок arent должным образом закрыты –

ответ

2

Только предположение:

у вас есть:

<link rel = "stylesheet" href = "bower_componets/bootstrap/dist/css/bootstrap.min.css"> 

Тогда у вас есть:

<script type = "text/javascript" src = "bower_component/jquery/dist/jquery.min.js"></script> 
<script type = "text/javascript" src = "bower_component/bootstrap/dist/js/bootstrap.min.js"></script> 

Я угадывание вы неправильно набранный bower_componets и bower_component, что оба должны, вероятно, будет: bower_components.
Это означает, что вы, вероятно, не загружаете jquery и bootstrap.

Дайте этому попытку:

<link rel = "stylesheet" href = "bower_components/bootstrap/dist/css/bootstrap.min.css"> 

и:

<script type = "text/javascript" src = "bower_components/jquery/dist/jquery.min.js"></script> 
<script type = "text/javascript" src = "bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
Смежные вопросы