2016-12-15 5 views
0

я следующий код в JavaScript, который работаетRails Materializecss, CoffeeScript функция не определена

function displayButton() { 
var options = [ 
    { 
    selector: '#news', 
    offset: 20, 
    callback: function(el) { 
    $('#more-video-btn').hide(); 
    $('#more-news-btn').show(); 
    } 
    }, 
    { 
    selector: '#video', 
    offset: 20, 
    callback: function(el) { 
    $('#more-news-btn').hide(); 
    $('#more-video-btn').show(); 
    } 
    } 
]; 

Materialize.scrollFire(options); 
} 

и попытаться преобразовать, чтобы CoffeeScript

, что я сделал, что

displayButton =() -> 
    options = [ 
    selector: '#news' 
    offset: 20 
    callback: (el)-> 
     $('#more-video-btn').hide() 
     $('#more-news-btn').show() 
    , 
    selector: '#video' 
    offset: 20 
    callback: (el)-> 
     $('#more-news-btn').hide() 
     $('#more-video-btn').show() 
    ] 

    Materialize.scrollFire(options) 

Когда я вызываю displayButton с точки зрения

<script type="text/javascript"> 
    $(window).scroll(function(e) { 
    displayButton(); 
    }); 
</script> 

Я получаю 'displayButton не определен'.

Это первый раз, когда я пытаюсь написать что-то в CoffeeScript, и я понятия не имею, почему displayButton не определен.

Пожалуйста, помогите мне

ответ

1

Все это кажется прекрасным для меня. Единственное, что я вижу, что может быть проблемой, - это область действия. Возможно, попробуйте window.displayButton = -> или @displayButton = ->. Таким образом, они должны быть доступны там.

Следующий вопрос, который у меня есть, - это то, что вы установили (нужно кофе-рельсы) и где находится ваш файл кофе.

+0

спасибо @TMP. Оба они работают –