反応レールでは、要素が無効になっていない場合にのみ onMouseOut イベントが機能します。
render メソッドのコードは次のとおりです。
dom.button
type: 'submit'
'data-toggle': "popover"
title: "Form Requirements"
'data-content': 'Please fill in all the form fields before submitting this form'
'data-placement': "bottom"
className: 'btn btn-primary'
disabled: !@valid()
onMouseEnter: @showPopOver
onMouseOut: @hidePopOver
'Create admin'
呼び出される対応するメソッドを以下に示します。
showPopOver: function() {
if (!this.valid()) {
return $('[data-toggle="popover"]').popover('show');
}
},
hidePopOver: function() {
return $('[data-toggle="popover"]').popover('destroy');
},