2016-02-05 4 views
1

У меня есть форма внутри модальной формы, и я, похоже, не могу поймать событие отправки.Обращение с формой формы

Допустим, у нас есть HTML-страница определяется как (для простоты уходящей любых шаблонов, определенных мною)

<body> 
    <button class="ui button">Open modal</button> 
    <div class="ui small modal"> 
     <div class="header"> 
      Enter your email 
     </div> 
     <div class="content"> 
      <form class="ui form"> 
       <div class="field"> 
        <div class="ui left icon input"> 
         <i class="at icon"></i> 
         <input type="email" name="email" placeholder="Email"> 
        </div> 
       </div> 
       <div class="ui error message"> 
       </div> 
      </form> 
     </div> 
     <div class="actions"> 
      <div class="ui negative button"> 
       Cancel 
      </div> 
      <div class="ui positive primary loadable button"> 
       Reset password 
      </div> 
     </div> 
    </div> 
</body> 

и зарегестрированы шаблоны событий

Template.body.events({ 
    'click button': function() { 
     $('.modal').modal('show'); 
    }, 
    'submit form': function() { 
     alert('called'); 
    } 
}); 

Когда я отправить форму он не обрабатывается обработчиком. Почему и какой лучший подход?

У меня что-то подобное работает, определяя внутреннее содержание модального шаблона, но это делает вещи намного сложнее. Есть ли другой путь?

EDIT: Вот meteorpad, что demostrates этот вопрос

+0

Как вы отправите форму, если там нет кнопки представить в виде? – MatiK

+0

нажав enter в поле – pikausp

+0

, просто добавьте в форму, и он должен сработать для вас. – MatiK

ответ

0

Причиной такого поведения является то, что модальный отсоединяется от DOM. Такое поведение может быть переопределен путем установки detachable: false

Здесь не работает meteorpad

Credits

Смежные вопросы