Backbone.js 主干木偶和jQuery插件（jCarousel）

我一直坚持在主干木偶应用程序中设置jCarousel jquery插件。使用纯主干网，我找到了一个使用onShow函数的解决方案。 但这在木偶中不起作用 以下是木偶的代码：

        $(document).ready(function(){



                MyApp = new Backbone.Marionette.Application();

                MyApp.addRegions({
                   TagsRegion: "#mycarousel"
                });

                MyApp.Tag = Backbone.Model.extend({
                });

                MyApp.TagCollection = Backbone.Collection.extend({
                    model: MyApp.Tag,
                    url: 'json/photos.json'
                });
                MyApp.TagItemView = Backbone.Marionette.ItemView.extend({
                    template: "#tag-template",
                    tagName: 'li'
                });

                MyApp.TagCollectionView = Backbone.Marionette.CollectionView.extend({
                    itemView: MyApp.TagItemView,
                    tagName: 'ul'
                });


                MyApp.addInitializer(function(options){
                    var tagCollection = new MyApp.TagCollection();
                    var tagCollectionView = new MyApp.TagCollectionView({
                        collection: tagCollection
                    });

                    tagCollection.fetch();
                    MyApp.TagsRegion.show(tagCollectionView);
                });


        MyApp.start();

        });//END jQUERY

    </script>

问题是carousel是基于UL的，带有一堆li标签，插件和木偶同时生成它们自己的li标签。因此，用户具有空的转盘li标签和木偶生成的li标签，其中包含要在转盘li标签内使用的所有图像和其他内容

---

如果有人能帮我找到解决这个问题的方法，我将不胜感激。

如果您使用木偶项目视图，则在将视图呈现到DOM时会触发onShow方法。那么你会：

MyApp.TagsRegion.show(ItemViewGoesHere);

---

这将呈现项目视图，内容呈现到DOM后，将调用onShow方法，您可以将jQuery插件呈现到视图中的一个元素。

您不应该将所有代码丢弃在

$回调中，尽快定义每个，并在准备好后才启动该应用。您是否尝试过将木偶标签设置为一个
div
，那么您可能不会有冲突？只是一些简单的事情从我的头顶上掉下来。。。
MyApp.TagsRegion.show(ItemViewGoesHere);