jQuery的負載失去CSS

-4

我需要更新div的內容，即便如此好，做到完美。但是，當內容更新時，我失去了更新的cssdiv。jQuery的負載失去CSS

$('#content').load('agenda.php?clinica='+data);

如何

因爲它應該是

任何人有任何想法，我能做些什麼來解決呢？我知道，如果我添加的所有CSS正在被加載的問題解決在頁面上，我越覺得那會不會是理想的解決方案，因爲它會加倍CSS。

html頁面收到更新。

<html class="st-layout ls-top-navbar ls-bottom-footer show-sidebar sidebar-l2" lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <title><?=$nomesite?></title> 
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"> 
    <link rel="icon" href="../images/favicon.ico" type="image/x-icon"> 
    <link href="../css/vendor/all.css" rel="stylesheet"> 
    <link href="../css/vendor/magicsuggest.css" rel="stylesheet"> 
</head> 
<body> 
    <div class="st-container"> 
    <?php include 'navbar/navbar.php'; ?> 
    <?php include 'chat/chat.php'; ?> 
    <div class="st-pusher"> 
     <div class="sidebar left sidebar-size-2 sidebar-offset-0 sidebar-skin-blue sidebar-visible-desktop" id=sidebar-menu data-type=collapse> 
     <div class="split-vertical"> 
      <div class="sidebar-block tabbable tabs-icons"> 
      </div> 
      <div class="split-vertical-body"> 
      <div class="split-vertical-cell"> 
       <div class="tab-content"> 
       <?php include "menu/menu.php"; ?> 
       </div> 
      </div> 
      </div> 
     </div> 
     </div> 

     <div class="st-content" id="content"></div> 

    </div> 
    <? include ('../includes/footer.php');?> 
    </div> 
    </script> 

<script src="../js/vendor/all.js"></script> 
<script src="../js/app/app.js"></script> 
<script src="../js/app/jquery.mask.js"></script> 
<script src="../js/app/dentist.js"></script> 
<script> 
    $(".setClinica").click(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "../ajax/setClinica.php", 
     data:{ 
     nome:$(".setClinica").attr("name"), 
     id:$(".setClinica").attr("id") 
     }, 
     success: function(data){ 
     $('#tk-modal-demo').modal('toggle'); 
     $(".showModal").html($(".setClinica").attr("name")); 

     $.get('../ajax/getSessionClinicaId.php', function(data) 
     { 
      $('#content').load('agenda.php?clinica='+data); 
     }); 
     } 
    }); 
    }); 
    </script> 
</body> 
</html>

這是我使用jQuery負載

<div class="st-content-inner"> 
<div class="container-fluid"> 
    <h1>Agenda</h1> 
    <div class="row"> 
    <div class="col-md-4 col-lg-3"> 
     <? if($_GET['clinica']){?> 
     <div class="panel panel-default"> 
     <div class="panel-body"> 
      <strong><p class="text-center">Selecione o profissional</p></strong> 
      <p class="lead text-primary margin-v-10"> 
      </p> 
      <div class="form-group"> 
      <? $profissionais = $dados->Profissionais($_GET['clinica']); ?> 
      <select id="profissionais" name="profissionais" class="selectpicker" data-style="btn-white" data-live-search="true" data-size="5"> 
      <option value="">Selecione</option> 
      <? foreach($profissionais as $profissional){ ?> 
       <option value="<?=$profissional->usuario?>"><?=$profissional->tratamento?> <?=$profissional->username?></option> 
      <? } ?> 
       </select> 
      </div> 
     </div> 
     </div> 
     <? } ?> 
     <div id="picker" class="panel panel-default"> 
     <div id="datepicker" class="datepicker"></div> 
     </div> 
    </div> 
    <div class="col-md-8 col-lg-9"> 
     <div id="agenda"> 
     </div> 
    </div> 
    </div> 
</div> 
</div>

來源

2016-06-17 Rene

你真的需要提供代碼。這可能是任何事情。 – Randy

$（'＃content'）。load（'agenda.php？clinica ='+ data）; – Rene

你能添加一些代碼 –

你所提供的我覺得你使用的是一些plugin爲select元素的截圖進行到頁面的內容。因此，當您使用$.load時，實際上DOM已準備好且plugin已經初始化，您實際上正在裝入一些內容。因爲，你可以有一個後callbackload完成後，你實際上可以re-initialize的callback內select plugin。下面是你怎麼做..

$('#content').load('agenda.php?clinica='+data,function(){ 
     //callback function 
     //re-initialize anything here again 
});

來源

2016-06-17 12:02:16

jQuery的負載失去CSS

回答

相關問題