<div
class="mui-content">
<h5 class="mui-content-padded" style="margin: 35px 10px 15px 10px;">拖拽(滑动)显示功能按钮，点击按钮触发事件</h5>
<ul id="task1" class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左滑显示删除按钮
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
右滑显示删除按钮
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左右滑显示删除按钮
</div>
</li>
</ul>
<h5 class="mui-content-padded" style="margin: 35px 10px 15px 10px;">拖拽(滑动)显示功能按钮，点击按钮触发事件</h5>
<ul id="task2" class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左滑自动触发删除
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
右滑自动触发删除
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左右滑自动触发删除
</div>
</li>
</ul>
<h5 class="mui-content-padded" style="margin: 35px 10px 15px 10px;">拖拽(滑动)显示多功能菜单，点击按钮触发事件</h5>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-handle">
左滑显示多功能菜单
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
</div>
<div class="mui-slider-handle">
右滑显示多功能菜单
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
</div>
<div class="mui-slider-handle">
左右滑显示多功能菜单
</div>
</li>
</ul>
</div>
<h5 class="mui-content-padded" style="margin: 35px 10px 15px 10px;">拖拽(滑动)显示功能按钮，点击按钮触发事件</h5>
<ul id="task1" class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左滑显示删除按钮
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
右滑显示删除按钮
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左右滑显示删除按钮
</div>
</li>
</ul>
<h5 class="mui-content-padded" style="margin: 35px 10px 15px 10px;">拖拽(滑动)显示功能按钮，点击按钮触发事件</h5>
<ul id="task2" class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左滑自动触发删除
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
右滑自动触发删除
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左右滑自动触发删除
</div>
</li>
</ul>
<h5 class="mui-content-padded" style="margin: 35px 10px 15px 10px;">拖拽(滑动)显示多功能菜单，点击按钮触发事件</h5>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-handle">
左滑显示多功能菜单
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
</div>
<div class="mui-slider-handle">
右滑显示多功能菜单
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
</div>
<div class="mui-slider-left mui-disabled">
<a href="" class="mui-btn mui-btn-red mui-icon mui-icon-email"></a>
<a href="" class="mui-btn mui-btn-yellow mui-icon mui-icon-phone"></a>
<a href="" class="mui-btn mui-btn-grey mui-icon mui-icon-person"></a>
</div>
<div class="mui-slider-handle">
左右滑显示多功能菜单
</div>
</li>
</ul>
</div>