綁定語義UI無線電覆選框流星事件處理

Question

我有幾個語義UI無線電覆選框：

<div class="inline fields"> 
    <label>When: </label> 
    <div class="field"> 
     <div class="ui radio checkbox"> 
      <input type="radio" name="publish" tabindex="0" class="hidden" checked="checked"> 
      <label>Now</label> 
     </div> 
    </div> 
    <div class="field"> 
     <div class="ui radio checkbox"> 
      <input type="radio" name="publish" tabindex="0" class="hidden"> 
      <label>Later</label> 
     </div> 
    </div> 
    <div class="field"> 
     <div class="ui radio checkbox"> 
      <input type="radio" name="publish" tabindex="0" class="hidden"> 
      <label>On specified date</label> 
     </div> 
    </div> 
</div> 

我可以在模板拿起改變他們onRendered這樣的功能：

$('.ui.checkbox').checkbox(); 

$(".ui.checkbox").checkbox('setting', 'onChange', function() { 
    alert('fire!'); 
}); 

但我想用流星事件，以保持我的代碼乾淨，我嘗試以下，但它不工作：

Template['article'].events({ 
    'change .ui.checkbox' : function() { 
     alert('fire!'); 
    } 
}); 

我也試過onChange。

任何線索，如果這是可能的？

Answer 1

如果您使用包裝manuel:viewmodel，這是可能的。該包已實現流星的MVVM

例如讓我們在選中複選框時顯示一個按鈕爲主，當未選中時顯示爲正常。

，HTML代碼將是

<template name="checked"> 
    <div class="row"> 
    <input type="checkbox" data-bind="checked: showPrimary"/>Show button as primary 
    </div> 
    <div class="row"> 
    <button data-bind="class: { btn-primary: showPrimary }">The Button!</button> 
    </div> 
</template> 

和JavaScript代碼將

Template.checked.viewmodel({ 
    showPrimary: false 
}); 

這樣，我們的showPrimary值綁定到類是按鈕。

欲瞭解更多信息，請參閱http://viewmodel.meteor.com/

希望這有助於！