2013-01-24 2 views
1

Приветствия! Я пытаюсь реализовать всплывающее окно с плагином Lightbox_me в моем приложении Ruby On Rails. Я скачал jquery.lightbox_me.js, положил его на app/assets/javascripts, добавить //= require jquery.lightbox_meapplication.js в файле, и в home.js.coffee (Я HomeController) Я делаю вещи, как это:Плагин JQuery lightbox_me in rails app

`$(".popup-button").click (e) -> 
    alert "!!!" 
    $(".download_layout").lightbox_me centered: true 
    e.preventDefault() 

оповещения обычно показывает, но .lightbox_me не работает , В чем проблема?

EDIT: application.js

//....... 
//= require jquery 
//= require jquery_ujs 
//= require jquery.lightbox_me 
//= require bootstrap 
//= require_tree . 
+0

Не могли бы вы разместить свой 'application.js'? –

+0

Да, проверьте, отредактируйте, пожалуйста. – xamenrax

+0

Просто предлагаю: почему вы не используете идентификатор элемента DOM в своем «кофе»? Например: '$ (" # download_layout "). Lightbox_me ...'. Я думаю, что классы для CSS, id для javascript. Я вижу, что ваша кнопка работает с ссылкой на класс, но ... У вас есть // // require_self' поверх файла манифеста? –

ответ

1

Попробуйте придерживаться синтаксиса CoffeeScript:

$(document).ready -> 
    $(".popup-button").click (e) -> 
    $("#download_layout").lightbox_me 
     centered: true 
    e.preventDefault() 

EDIT: Не забудьте поставить эту очень важную строку в верхней части ваш .js.coffee (я копировал ваш код на моей машине и работает):

$(document).ready -> 
+0

Печально, но не помогло, спасибо. – xamenrax

+0

Мы не сдадимся :) Можете ли вы опубликовать свой просмотр с помощью всплывающей кнопки? –

+0

простое тестовое представление с '% button.popup-putton +' и '.download_layout « некоторый текст здесь »' с 'display: none' style. – xamenrax

Смежные вопросы