弹出div的方法总结

方法一

jsp

<a id="addMaterial" href="#" >新增物料信息</a>

<div id="showDialog" style="100%">
   <fieldset>
    <legend>查询物料信息</legend>
    <div id="queryform" align="center" style="width: 100%">
     <table align="center" class="list_table">
      <tr style="text-align: center;">
         <th>料号:</th>
         <td><input type="text" name="supplierId" value=""/></td>
         <th>外部料号:</th>
         <td><input type="text" name="supplierName" value=""/></td>
         <td><button id="searchSupplier" class='cupid-blue'>查询</button></td>
      </tr>
     </table>
        <table align="center" class="list_table">
         <thead>
          <tr align="center">
           <th>料号</th>
           <th>外部料号</th>
           <th>物料简体代码</th>
           <th>物料版本</th>
           <th>操作</th>
          </tr>
         </thead> 
         <tbody id="tSupplier">
          
         </tbody>
        </table>
       </div>
      </fieldset>
  </div>

js

jQuery(function(){
 
 //设置弹出框初始化的值
 $("#showDialog").dialog({
  title:'新增物料',
  autoOpen:false,
  resizable:true,
  height:500,
  width:1100,
  modal:false,
 });
 
 
 //点击新增物料
 $("#addMaterial").click(function(){
  alert("123");
  $("#showDialog").dialog("open");
   
 });

})