在同一页面中使用JqueryMobile Transitions滑动功能

时间:2019-07-10 12:13:22

标签: jquery html css mobile

我想做一个删除和垃圾邮件按钮,当在Jquery Mobile中触发向左滑动功能时淡入淡出,我做了除过渡以外的所有操作,使它看起来更自然,但我在同一页面中找不到任何过渡示例。对于其他页面,应该给元素添加标签,但是在同一页面中,我不知道如何在触发滑动功能时触发转换

这是我下面的html代码

<tr class="comment-box withbuttons">
    <td style="vertical-align: baseline; ">
        <img src="images/pictures/faces/3s.png" alt="" class="preload-image round-image notifimage" style="width: 40px; height: 40px;">
    </td>
    <td style="vertical-align: middle; text-align: left; padding-left: 12px; ">
        <span class="color-white" style="max-width: 200px; line-height: 1.5; padding-bottom: 0 !important; text-align: left; !important">
            <b>XYZ</b> ASDF
            <br> 18d
            <span style="margin-left: 6px;">1 Liked
                <a href="" style="margin-left: 0 !important;">Reply</a>
            </span>
        </span>
    </td>
    <td style="vertical-align: middle; margin: auto !important; " class="hearth-container">
        <i class="far fa-heart color-white hearth-icon"></i>
        <div class="btn-container hidden " data-role="button" data-rel="dialog" data-transition="slidefade" data-inline="true" data-corners="true"
                 data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c">

            <a href="#" onclick="openSpamMenu()" data-menu="menu-success" class="my-comment-button bg-yellow">
                <i class="fas fa-exclamation-circle"></i>
            </a>
            <button class="my-comment-button bg-red">
                <i class="fas fa-trash"></i>
            </button>
        </div>
    </td>
</tr>

我想在向左滑动时显示div.btn-container。 但是我不知道应该给哪个标签过渡数据?

0 个答案:

没有答案