2016-09-21 37 views
0

我在网络上有一个旋转木马,我想在飞行中更换所有物品。 (显示搜索功能的结果)更新猫头鹰旋转木马物品

目前,我正在更新包含项目的div的内容,但它打破了传送带。 搜索结果是放置在传送带内的html代码。

<?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> 

这个脚本的结果传递给这个JScript中,whitch应该。

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(); 
    } 
}) 

}

什么是做什么T'm试图做的正确方法?

回答

0

你可以尝试先摧毁它,然后装上新的HTML如下:

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

Uncaught TypeError:无法读取未定义的属性'destroy' – Frontrider

+0

@Frontrider - 您确定元素ID是“estate_carousel”,它拥有猫头鹰传送带吗?否则代码看起来没问题。这是从文档'var owl = $(“。owl-carousel”)。data('owlCarousel'); owl.destroy();' – vijayP

+0

确定,错误仍然存​​在。 – Frontrider

0

的问题是毫无意义的,之后我设法弄清楚该项目下设不同的旋转木马,让我觉得有点愚蠢,但无论如何,我会将答案加上书签,而且我想我知道我要去哪里使用它。