Question

HTML：

<div id="printCardModal">
  <table class="table">
    <thead>
      <tr>
        <th>Employee</th>
        <th>Start Time</th>
        <th>End Time</th>
        <th>Start Time</th>
        <th>End Time</th>
      </tr>
    </thead>
    <tbody>
      <!-- ko foreach: employees -->
        <tr>
          <td data-bind="text: name"></td>
          <td><input class="input-medium"></td>
          <td><input class="input-medium"></td>  
          <td><input class="input-medium"></td>    
          <td><input class="input-medium"></td>         
        </tr>  
      <!-- /ko --> 
    </tbody>
  </table> 

  <button  data-bind="click: printCard"> 
    Print
  </button>
</div>

和JS：

   self.printCard=function(){
     $( "#printCardModal" ).dialog({
        dialogClass: "no-close",
        resizable: true,
        maxHeight: 600,
        width: 1000,
        modal: true,
        buttons: {
          "Create PDF": function() {
            ... 
          },
          Close: function() {
            $(this).dialog( "close" );
          }
        }
     });  
   };

我当然不会写一切。上面的HTML只是主HTML的一部分。我的问题是，thead 的内容首先出现在主HTML页面中，并且只有当对话框模态打开时才会从主页面中获取它（thead的内容）并呈现给对话框模式。但是，对于仅在模态内部显示的可观察阵列员工的内容，一切都可以。对于 #printCardModal 内的所有内容，我只需在对话框模式打开时出现该怎么办？

Answer 1

#printCardModal {
  display:none; 
}

这很简单!!

HTML内容首先出现在jQuery UI对话框之外

1 个答案: