Question

我试图通过jquery函数动态添加html。基本上我有一个带ID的DIV，我尝试将一些HTML代码附加到DIV。似乎css没有被渲染。我也尝试设置超时，以便css有时间加载，但这没有帮助。如果我将html直接放入DIV，它可以正常工作。任何关于问题可能出现的指导都受到高度赞赏。这是我的代码：

CSS电话：

  <head>
 <!-- Theme style -->
 <link rel="stylesheet" href="../dist/css/AdminLTE.min.css"  media="all">

 <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css"  
  media="all">

 </head>

HTML：

<section>
<div class="row" id="seating_view" > </div>
</section>

jQuery的：

function getSeatings()
{
 console.log("function get seatings @start");     
 $('#seating_view').append('<div class="row" >',                 
    '<div  class="col-md-6">',
     '<div class="box" id="trialbox2">',
       '<div class="box-header with-border">',
        '<h3 class="box-title email"id ="trial-header2">Berammede rettssaker kunder</h3>',
         '<div class="box-tools pull-right">',
            '<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>',
            '</button>',            
            '<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>',
            '</div>',
          '</div>',
          '<div class="box-body">',
            '<div class="row">',
             '<div class="col-md-12">',             
              '<div class="table-responsive" >',
              '<div style="display:block-inline; height:185px; max-height:185px;  overflow-y:auto;">',
              '<table class="table no-margin"  style=" overflow-y:auto " >',
              '<thead style="display:block-inline;" >',
              '<tr>',
                '<th>Selskap</th>',                    
                '<th>Avholdes</th>',                 
                '<th>Saken gjelder</th>',                   
                '<th>Lenke</th>',
              '</tr>',
              '</thead>',   
              '<tbody id =""></tbody>',
             '</table>',
              '</div>',
            '</div>',
           '</div>',
          '</div>',
         '</div>',
        '</div>',
       '</div>',
      '</div>'); 

 };

Answer 1

尝试使用模板文字

＆＃13;

$store.state.clientId

＆＃13;

这是ES6模板文字

希望这会对你有所帮助。

为什么不用jQuery呈现css？

1 个答案: