带引导模式的数据属性

时间:2013-09-09 17:51:11

标签: jquery twitter-bootstrap modal-dialog

我想将参数传递给模态窗口,例如title。

所以我将data-title添加到我的链接<a data-toggle="modal" href="#myModal" class="btn" data-title="Title goes here">Launch demo modal</a>,当然,当模态打开时,我想替换默认标题

  ...
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">Modal title</h4>
  </div>
  ...

我的JS就是这样,但它没有设置正确的标题。

$('.modal-body', "#ModalWindow").html('<%= j render(template: "tasks/new.html.erb") %>');
var Title = $(this).data('title');
$(".modal-title, #ModalWindow").text( Title );
$("#ModalWindow").modal('show');

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我认为你的问题就在这一行:

$(".modal-title, #ModalWindow").text( Title );

应该是:

$(".modal-title", "#ModalWindow").text( Title );