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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jquery自动关闭ul li 生成的当前操作的Tab选项卡
    46
    0

    1、开发编辑页面,完成数据提交后,PHP后台需要提示提交成功的信息,并且写jquery代码自动关闭由生成的当前操作的Tab选项卡,请问如何处理?

    2、前端代码如下:

    <div id="Hui-tabNav" class="Hui-tabNav hidden-xs"> 
       <div class="Hui-tabNav-wp"> 
           <ul id="min_title_list " class="acrossTab cl" > 
               <li > 
                  <span data-href="welcome.html">首页</span> 
                  <em></em> 
               </li> 
               <li > 
                   <span data-href="customer.html">客户管理</span> 
                   <i></i> 
                   <em></em> 
               </li> 
               <li class="active" > 
               <span data-href="customer_edit.html">编辑客户</span> 
               <i></i> 
               <em></em> 
               </li> 
               ::after
          </ul> 
      </div>

    </div>

    3、补充说明:

     在编辑客户的页面状态下,后台已经成功提交了,现在需要由后台写 jquery 代码,去前端自动触发关闭 li class="active" 的Tab选项卡。
    

    4、注:i 标签是关闭图标,手动点击i标签,可以关闭当前的Tab选项卡,但我不是要手动点击的,是要由后台写jquery自动触发关闭的,请问应如何解决?谢谢!

    2
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 残影 普通会员 1楼

      在jQuery中,如果你想自动关闭当前激活的Tab选项卡(通常表现为ul li结构),你可以监听某个触发事件(如点击按钮或链接),然后找到当前激活的li元素,并隐藏对应的tab内容。以下是一个简单的示例:

      ```javascript // 假设你的HTML结构如下:

      ...
      ...
      ...

      // jQuery代码 $('.nav-tabs li').click(function() { // 移除所有激活状态 $('.nav-tabs li').removeClass('active'); // 隐藏所有tab内容 $('.tab-content').removeClass('active');

      // 获取当前点击的li并添加激活状态
      $(this).addClass('active');
      // 获取当前li下a标签的href属性值,用于找到对应的tab内容并显示
      var targetTab = $(this).find('a').attr('href');
      $(targetTab).addClass('active');
      

      });

      // 如果你想自动关闭当前激活的Tab,可以创建一个函数并调用它 function closeCurrentTab() { var currentActiveLi = $('.nav-tabs li.active'); if (currentActiveLi.length) { currentActiveLi.removeClass('active'); var currentTargetTab = currentActiveLi.find('a').attr('href'); $(currentTargetTab).removeClass('active'); } }

      // 调用函数关闭当前激活的Tab closeCurrentTab(); ```

      上述代码实现的功能是:点击Tab标题时切换Tab内容,并提供了关闭当前激活Tab的函数。你需要根据实际的HTML结构和需求进行调整。

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