Update Eulen Karussell Artikel

Question

Ich habe ein Karussell auf einer Website, und ich möchte alle Elemente im laufenden Betrieb ersetzen. (Zeige die Ergebnisse einer Suchfunktion)

Derzeit aktualisiere ich den Inhalt des div mit den Elementen, aber es bricht das Karussell. Das Ergebnis der Suche ist der HTML-Code, der innerhalb des Karussells platziert werden soll.

<?PHP 
$i = 0; 
foreach ($estate as $est) { 
$i++; ?> 
<li> 
    <div class="item"> 
     <div class="preview"> 
      <img src="<?php echo base_url() ?>assets/uploads/ingatlan/<?php  echo $est->img ?>" alt=""> 
      <div class="overlay"> 
       <a href="<?php echo base_url(); ?>ingatlan/<?php echo $est->url ?>" class="incr"> 
        <i class="fa fa-search-plus"></i> 
       </a> 

      </div> 
     </div> 
     <div class="item-thumbnail"> 
      <div class="telepules"> 
       <i class="fa fa-map-marker"></i> 
       <span class="value"> <?php 
        foreach ($ingatlanadat["telep"] as $item) { 
         if ($item->id == $est->telepules) 
          echo $item->nev; 
        } 
        ?></span> 
      </div> 
     </div> 
     <div class="item-thumbnail"> 
      <?php ?> 
      <div class="single-thumbnail"> 
       <i class="icon bath"></i> 
       <span class="value"><?php echo $est->bath ?></span> 
      </div><?php ?> 
      <div class="single-thumbnail"> 
       <i class="icon sleep"></i> 
       <span class="value"><?php echo $est->rooms ?></span> 
      </div> 
      <div class="single-thumbnail"> 
       <i class="icon corner"></i> 
       <span class="value"><?php echo $est->size ?> m²</span> 
      </div> 
     </div> 
     <div class="item-entry"> 
      <span class="item-title"><a 
        href="<?php echo base_url() ?>ingatlan/<?php echo $est->url ?>"><?php echo $est->name ?></a></span> 
      <p class="text"><?php echo $est->rovid_leiras ?></p> 
      <div class="item-info"> 
       <span class="price"><?php echo $est->price ?> Ft</span> 
       <div class="pull-right buttons"> 
        <b><?php 
         foreach ($ingatlanadat["tipus"] as $item) { 
          if ($item->id == $est->type) 
           echo $item->nev; 
         } 
         ?></b> 
       </div> 
      </div> 
     </div> 
    </div> 
</li> 

Das Ergebnis dieses Skript auf dieser jscript geben wird, wird whitch zu soll.

function search() 
{ 
var form = $('form#searchform'); 

$.ajax({ 
    url: form.attr("action"), 
    type: form.attr("method"), 
    //dataType: 'json', 
    data: form.serialize(), 
    success: function (data) { 
     console.log(data); 
     var est = $("#estate_carousel"); 
     est.html(data); 
     est.data('owlCarousel').destroy(); 
     est.init(); 
    } 
}) 

}

Was wäre die richtige Art und Weise zu tun, was T'M versuchen zu tun?

Answer 1

Können Sie versuchen Sie es zuerst zu zerstören und dann die neuere HTML anhängen wie folgt:

var est = $("#estate_carousel"); 
est.data('owlCarousel').destroy(); 
est.html(data); 
//re-init your owl carousel here again with all your required options 

Answer 2

Die Frage ist sinnlos, nachdem ich, dass das Projekt unter ihm ein anderes Karussell hat auf Figur verwaltet, macht mich ein Gefühl, ein bisschen dumm, aber was auch immer, ich werde die Antwort sowieso als Lesezeichen speichern, und ich denke, ich weiß, wo ich es verwenden werde.