数据属性与Bootstrap模态框

Question

我想传递参数到模态窗口，比如标题。

所以我在连接中添加了data-title，如下所示：<a data-toggle="modal" href="#myModal" class="btn" data-title="这里放标题">启动演示模态窗口</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');

感谢您的帮助。

- olimart

Answer 1

我认为你的问题在于这一行：

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

应该是：

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

- friggle