Wookmark без изменения макета

В моем проекте rails 3.2 в настоящее время я использую гем-версию wookmark, и, похоже, она работает, поскольку я вижу загрузку ресурса в журналах разработки.

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require jquery.wookmark
//= require_tree .

вот так:

Started GET "/assets/jquery.wookmark.js?body=1" for 10.0.2.2 at 2014-01-16 07:59:12 +0000

Затем в своем HTML-коде я выложил элементы, которые я хотел бы отметить в макете как таковой:

<div id="post-container">
  <% Post.all.each do |individual_post| %>
      <%= render 'shared/posts/individual_post', locals: { individual_post: individual_post } %>
  <% end %>
</div>

который вызывает следующее частичное:

<div class="well post">
  <p>Title: <%= link_to locals[:individual_post].title, locals[:individual_post].url, target: '_blank' %></p>
  <p>Content: <%= raw(locals[:individual_post].content) %></p>
</div>

Затем я добавил JavaScript для обработки инициализации в <head> следующее:

<script type="text/javascript">
    $(document).ready(function() {
        $(".post").wookmark({
            offset: 5,
            autoResize: true
        });
    });
  </script>

Я не вижу никаких ошибок в консоли Chrome, но макет пока не выложен. Я что-то здесь пропустил?

Дополнительные детали: рельсы jquery (3.0.4), бутстрап 3

Источник

1 ответ

Кажется, что плагин требует как CSS, так и JavaScript-файлов, чтобы эта техника работала. Поскольку гем содержит только необходимые файлы javascript, я пошел дальше и напрямую использовал оригинальный плагин, загрузив вместо этого файлы css и javascript.

Надеюсь, это поможет любому, у кого такая же проблема!

Источник
Другие вопросы по тегам