Onsen UI 中的第二项旋转木马在滑动后不显示
Second item in Onsen UI carousel does not show after swiping
我正在尝试实现一项功能以在滑动时删除列表项。我正在为列表中的每个项目使用轮播。问题是第二个 carousel-item
没有显示:它只留下一个空白 space.
这是我的旋转木马:
<ons-list id ="list" style="margin:0px;padding:0px;">
<ons-list-item modifier="chevron" onclick="menu.setMainPage('default.html', {closeMenu: true, callback: function(){getPageContent(0);}});" style="overflow: hidden;position: relative;width: 100%;">
<ons-carousel class = "list__item_active;" style="height: 100%;position: absolute;right: 0;top: 0;" swipeable auto-scroll>
<ons-carousel-item >
Presentation 1 (sqlite)
<ons-carousel-item>
<ons-carousel-item>
DELETE
<ons-carousel-item>
<ons-carousel>
</ons-list-item>
</ons-list>
轮播确实有超过 2 个项目,可能是无限个项目。
问题是关于未关闭的标签。
<ons-list id ="list" style="margin:0px;padding:0px;">
<ons-list-item modifier="chevron" onclick="menu.setMainPage('default.html', {closeMenu: true, callback: function(){getPageContent(0);}});" style="overflow: hidden;position: relative;width: 100%;">
<ons-carousel class = "list__item_active;" style="height: 100%;position: absolute;right: 0;top: 0;" swipeable auto-scroll>
<ons-carousel-item >
Presentation 1 (sqlite)
</ons-carousel-item>
<ons-carousel-item>
DELETE
</ons-carousel-item>
</ons-carousel>
</ons-list-item>
</ons-list>
我正在尝试实现一项功能以在滑动时删除列表项。我正在为列表中的每个项目使用轮播。问题是第二个 carousel-item
没有显示:它只留下一个空白 space.
这是我的旋转木马:
<ons-list id ="list" style="margin:0px;padding:0px;">
<ons-list-item modifier="chevron" onclick="menu.setMainPage('default.html', {closeMenu: true, callback: function(){getPageContent(0);}});" style="overflow: hidden;position: relative;width: 100%;">
<ons-carousel class = "list__item_active;" style="height: 100%;position: absolute;right: 0;top: 0;" swipeable auto-scroll>
<ons-carousel-item >
Presentation 1 (sqlite)
<ons-carousel-item>
<ons-carousel-item>
DELETE
<ons-carousel-item>
<ons-carousel>
</ons-list-item>
</ons-list>
轮播确实有超过 2 个项目,可能是无限个项目。 问题是关于未关闭的标签。
<ons-list id ="list" style="margin:0px;padding:0px;">
<ons-list-item modifier="chevron" onclick="menu.setMainPage('default.html', {closeMenu: true, callback: function(){getPageContent(0);}});" style="overflow: hidden;position: relative;width: 100%;">
<ons-carousel class = "list__item_active;" style="height: 100%;position: absolute;right: 0;top: 0;" swipeable auto-scroll>
<ons-carousel-item >
Presentation 1 (sqlite)
</ons-carousel-item>
<ons-carousel-item>
DELETE
</ons-carousel-item>
</ons-carousel>
</ons-list-item>
</ons-list>