2015-11-03 6 views
-1

Я пытаюсь заставить Flexslider работать в настройках моей страницы, и он ничего не отображает в пространстве, где должен появляться ползунок. Что мне не хватает?Flexslider and Rails 4

show.html.erb

<%= stylesheet_link_tag "flexslider.css", media: "all", "data-turbolinks-track" => true %> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<%= javascript_include_tag "jquery.flexslider.js", "data-turbolinks-track" => true %> 


<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
    $('.flexslider').flexslider(); 
}); 
</script> 




<div> 
    <div class="flexslider"> 
     <ul class="slides"> 
     <li> 
      <%= image_tag('carousel_1.jpg') %> 
     </li> 
     <li> 
      <%= image_tag('carousel_2.jpg') %> 
     </li> 
     <li> 
      <%= image_tag('carousel_3.jpg') %> 
     </li> 
     </ul> 
    </div> 
</div> 

application.js

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap-sprockets 
//= require bootstrap 
//= require jquery.flexslider 
//= require d3.js 
//= require_tree . 

application.css

*= require bootstrap 
*= require bootstrap_extensions 
*= require flexslider.css 
*= require_self 
*= require style 
*/ 

Обновление

A осле работает над этим еще немного, сейчас я получаю сообщение об ошибке:

TypeError: $(...).flexslider is not a function $('.flexslider').flexslider({

и

SyntaxError: expected expression, got '<'

+0

Слишком много возможностей относительно того, что может быть проблемой здесь. Пожалуйста, предоставьте дополнительную информацию, чтобы помочь выявить проблему (ссылки на реальные изображения есть ошибки консоли и т. Д.) –

+0

Это не дает никаких консольных ошибок, а ошибок в Firebug. Без файла css в конвейере все изображения отображаются в виде списка. Прокрутка сервера не дает ошибок. Я не могу придумать другие файлы, которые будут иметь отношение к этой проблеме. Файлы jquery и css берутся непосредственно с страницы github. – lostrennie

+0

Хорошо, поэтому во всех суетах с ним я получаю пару ошибок в консоли firebug. TypeError.:. $ (...) FlexSlider не является функцией \t $ ('FlexSlider') FlexSlider ({ и SyntaxError: ожидается выражение, получил '<' \t lostrennie

ответ

0

Я нашел ответ на мой вопрос. Когда я загрузил файлы .js из github, мой компьютер загрузил весь html-файл страницы, содержащей скрипт. Это вызвало ошибку синтаксиса, поскольку она не ожидала, что информация HTML DOCTYPE в файле js. Как только я установил правильную информацию в файле, все прошло гладко. Это урок при проверке всех моих файлов, чтобы убедиться, что они импортированы должным образом.