Question

我正在页面上使用twitter bootstrap模式。我需要传递一些自定义参数。我该怎么做？我如何在模态中访问它们？

<!-- show modal -->
$("#myModal").modal("show");


<!-- modal -->

#myModal.modal.fade{tabindex: -1, role: :dialog, "aria-labelledby" => "myModalLabel", "aria-hidden" => true}
  .modal-dialog
    .modal-content
      .modal-header
        %button{type: :button, class: "close", "data-dismiss" => :modal, "aria-hidden" => true}
          &times;
        %h4.modal-title#myModalLabel
          Choose an address
      .modal-body
        My modal body
      .modal-footer
        %button{type: :button, class: "btn btn-primary"}
          Ok

Answer 1

您可以尝试使用data-*属性和jQuery.data() API。

使用data-*标记中的modal属性以声明方式设置参数：

<div class="modal fade" id="myModal" data-argument="the_argument" ...>
  ...
</div>

或者使用 jQuery.data（）API 以编程方式设置它：

$('#myModal').data('argument', the_argument);

然后，要访问modal内的参数，请使用 jQuery.data（）API 查询它：

var the_argument = $('#myModal').data('argument');

jsfiddle示例：http://jsfiddle.net/DRk6C/

将其他（自定义）参数传递给引导模式

1 个答案: