bootstrap 模式框启动问题？

Question

1、通过a标签，触发一个bootstrap的模式框。

<a data-toggle="modal" href="modifyShield.jsp?shield_id=<%=u.getRoom()%>" data-target="#modal">更改</a>

2、想把modifyShield.jsp的内容显示在modal-body里面，这需要如何配置？

<form  class="form-horizontal" id="modal">
        <div class="control-group">
             <label class="control-label">服务名称:</label>
             <div class="controls">
                 <span id="showMsg" style="color: red">server_name</span>
             </div>
         </div>
         <div class="control-group">
             <label for="inputEmail" class="control-label" style="width:8%">时间段：</label>
             <div class="controls">
                 <input class="form-control" id="beginStr" type="text" value="<%= start_time%>" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" readonly />到<input class="form-control" id="endStr"  type="text"  value="<%=end_time%>"onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" readonly />
             </div>
         </div>
         <div class="form-actions" style="padding-left: 180px;">
             <input class="btn btn-primary" type="button" value="« 返回" onclick="location.href='shieldServer.jsp'">&nbsp;&nbsp;
            <input type="button" class="btn btn-primary" id="shield_button" value="操作" onclick="shield()" />
         </div>
</form>

Answer 1

给模态框一个id，然后给a标签一个onclick事件。事件中写$("#id").modal()