表单上的Javascript事件添加字段

时间:2015-05-06 02:58:14

标签: javascript jquery ruby-on-rails twitter-bootstrap coffeescript

我有一个使用bootstrap的rails应用程序,表单页面可以选择添加其他表单字段。此Railscast episode的教程严重影响了此表单页面添加字段功能。我需要观察添加字段,以便我可以在创建的新井中隐藏警告面板。这是不起作用的代码(在coffeescript中):

  $('#classifications_forms').on 'change', (event) ->
     container = $('.classifications_form').last()
     $('#premium-divide', container).hide()

以下是jquery中的代码:

$('#classifications_forms').on('change', function(event) {
  var container;
  container = $('.classifications_form').last();
  return $('#premium-divide', container).hide();
});

我已经为添加字段按钮尝试了点击事件,但是在观看事件的时候已经很晚了,因为它不会隐藏面板。如果我第二次按下按钮,它会将面板隐藏在之前创建的井上,所以我知道代码正在隐藏面板。我的想法是隐藏最后创建的井的面板,我认为#classifications_forms的更改会给我隐藏最后一口井所需的事件,但我猜它在事件上缺少一些东西。上面缺少什么?

这是展示问题的jsfiddle

1 个答案:

答案 0 :(得分:0)

因为我使用的是bootstrap,所以我找到了一个类来应用于面板来处理我的问题:

.hidden