2014年1月4日土曜日

Bootstrap3.0でmodalとformを組み合わせる

ということで今回はBootstrapについて。

ここを見ながら
http://blog.moccori.com/d/2012-10-09

$(function() {
  var options = {
    clearForm: true,
    resetForm: true,
    dataType : 'html',
    success: function(response) {
      $('#result-area').html(response);
      $('#modalForm').modal('hide');
    },
  };
  $('#modal-form').ajaxForm(options);
});

ここのmodal('hide')がBootstrap3.0では効かない。
なんか色々調べてたら、若干方法が変わってるらしい。
http://stackoverflow.com/questions/20297783/modalel-modalshow-and-modalel-modalhide-not-working

$(#modal-Form).modal(); // 初期化
$(#modal-Form)modal('hide');

ってやったら動く模様。

2014/1/10 追記
なんか$(#modal-Form)modal('hide')だけでも動くようになっていた!
bootstrap.jsを更新したからかな?

0 件のコメント:

コメントを投稿