Question

我在网站上有一个旋转木马，我想动态更换所有项目。（显示搜索功能的结果）

目前，我正在更新包含这些项目的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＆T尝试做什么的正确方法是什么？

Answer 1

您可以先尝试销毁它，然后按以下方式附加较新的HTML：

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

这个问题毫无意义，在我设法确定该项目下面有一个不同的旋转木马后，让我觉得有点愚蠢，但无论如何，无论如何，我都会给答案添加书签，我想我知道我在哪里＃39;我要去使用它。

更新猫头鹰轮播项目

2 个答案: