0

この JavaScript コードを coffeeScript で記述する方法は?

$('#id_tab a').click(function (e) {
    $('ul.nav-tabs li.active').removeClass('active')
    $(this).parent('li').addClass('active')
})

html.erb ファイルに入れると動作します

そこで、coffeeScript ファイルでこれを試します。

$ ->
    $('#id_tab a').click (e) ->
        $('ul.nav-tabs li.active').removeClass 'active'
        $(this).parent('li').addClass 'active'

そして、それは機能しません。助けてください！

4

1 に答える 1

2

スクリプトのチェックに使用できるJS2Coffeeという便利なサイトがあります。コーヒー スクリプトが次のようにコンパイルされることがわかります。

$(function() {
  return $('#id_tab a').click(function(e) {
    $('ul.nav-tabs li.active').removeClass('active');
    return $(this).parent('li').addClass('active');
  });
});

代わりに、これを試してください：

$ ->
    $('#id_tab a').click (e) ->
        $('ul.nav-tabs li.active').removeClass 'active'
        $(this).parent('li').addClass 'active'
        true
    true

詳細については、このStackOveflowの回答を参照してください。ただし、Coffeescript は常に最後の行を返します。

于 2013-02-08T13:58:26.003 に答える