账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    移动端中,左右滑动事件 左划出现删除按钮 右滑隐藏操作有什么好的方案?
    26
    0

    在移动端开发中,需要做到一个操作是,左滑显示删除按钮,右滑动就隐藏删除按钮,不用jQuery,jQuery中可以结合animate动画效果来控制,,,但是用js或者vue中有,请各位大佬什么好的方案来解决这个问题呢?或者用个插件

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 隔壁妹妹 普通会员 1楼

      在移动端中,左右滑动事件涉及到操作的选择,如果用户在滑动过程中,有对删除操作的确认需求,可以通过监听滑动事件,实现相应的操作。

      以下是一种可能的方案:

      1. 首先,在需要操作的元素上添加一个左右滑动切换按钮。点击这个按钮时,会触发滑动事件。

      2. 当用户滑动时,监听滑动事件。当滑动到删除按钮时,可以发送一个删除操作的请求。

      3. 对于删除操作的请求,可以使用AJAX发送到服务器。在服务器端,可以将删除操作的记录保存到数据库。

      4. 在客户端,每当用户滑动到删除按钮时,发送删除操作的请求。

      5. 在服务器端,当收到删除操作的请求时,对删除操作进行处理,如删除记录等。

      以下是一个简单的示例代码:

      HTML部分:

      ```html

      删除
      列表

      ```

      JavaScript部分:

      ```javascript var deleteButton = document.getElementById('delete-button'); var list = document.getElementById('list');

      deleteButton.addEventListener('click', function() { var listElement = document.getElementById('list'); listElement.innerHTML = ''; listElement.style.display = 'block'; }); ```

      以上代码中,当用户点击删除按钮时,会清除列表的内容,并显示一个隐藏的删除操作按钮。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部