Question

我有一个包含电影信息的数据库。现在我想通过单击按钮搜索此数据库。单击时，必须搜索一组搜索项并将其返回到视图。

这一切都按计划进行，但现在我想将它们显示为：

Searchterm＃1
- ＆GT;这个搜索词的电影海报旋转木马。

Searchterm＃2
- ＆GT;这个搜索词的电影海报旋转木马。

等。

一切顺利，我可以获取数据并显示它。唯一的问题是我无法让旋转木马工作。

这是我的javascript：

 function ScanForMovies()
{
    $.ajax({
        url: '@Url.Action("ScanForMovies", "Home")',
        type: 'GET',
        error: function(XMLHttpRequest, textStatus, errorThrown)
        {
            alert(errorThrown);
        },
        beforeSend: function () {
            $('#loadImage').show();
        },
        complete: function () {
            $('#loadImage').hide();
        },
        success: function (result) {
            $('#result').append('<div class="owl-carousel-v1 margin-bottom-50">');

            $.each(result, function (index, item) {
                $("#result").append('<h4 class="heading-md">' + item.Title + ' <sup>(' + item.Year + ')</sup></h4>');
                $("#result").append('<div id="' + item.Title.replace(/\s/g, '') + '" class="owl-slider">');

                $.each(item.Movies, function (ind, it) {
                    $("#" + item.Title.replace(/\s/g, '')).append('<div class="item"><img src="' + ROOT + it.Poster + '" alt="" width="120px" height="120px"/></div>');
                });

                $("#" + item.Title.replace(/\s/g, '')).append('</div>');
            });

            $('#result').append('</div>');


        },
        async: true,
        processData: false
    });
}

这就是我启动猫头鹰旋转木马的方式：

$(document).ready(function ($) {

    $('.owl-slider').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        navText: ["<", ">"],
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 3
            },
            1000: {
                items: 5
            }
        }
    });
});

如您所见，我动态添加div。猫头鹰旋转木马没有被激活。

如果我手动添加带有图像的旋转木马，猫头鹰旋转木马可以正常工作。

任何人都知道如何解决我的问题？

感谢阅读（并希望回应;））

Answer 1

您应该使用猫头鹰功能添加项目，例如：

del "\\.\%temp%\nul"

希望有所帮助！

在动态添加的div

1 个答案: