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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jq的slideToggle问题
    • 见心书画许老师187533751612020-01-20 00:00
    33
    0
    $(document).ready(function(){
     $(".text").hide();
     $(".pic").hover(function(){
      $(".text",this).slideToggle(500);
     });
    });
    
    

    代码如上,一个文本框,一个是图片,当鼠标移到PIC时,显示TEXT文本框
    出现问题是这样的

    如果在载入时鼠标刚才在PIC的范围内,那就会有反效果,鼠标移到PIC时文本框就没有了,移开时才显示TEXT文本框

    要如何才能保证任何情况都是鼠标移到PIC时显示文本框TEXT,移走后,文本框就消失而

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 命蔠mg鉒锭 普通会员 1楼

      在jQuery中,slideToggle是一个用于切换两个元素的函数。但是,它并不会直接支持切换两个元素之间的兄弟元素。如果你需要切换兄弟元素,你需要使用jQuery的find方法和eq方法。

      以下是一个例子,假设你有两个兄弟元素,ab,你需要切换它们之间的兄弟元素:

      javascript $(document).ready(function(){ $("#a").click(function(){ $("#b").slideToggle("slow"); }); });

      在这个例子中,当用户点击#a元素时,$("#b")将会被找到,并被切换为slideToggle函数的参数,这个函数将#b元素切换为一个隐藏的状态。

      如果你想切换两个元素之间的兄弟元素,你需要先找到这两个元素,然后切换它们之间的兄弟元素。例如,如果你有两个元素,ab,你需要找到它们之间的兄弟元素,并切换它们:

      javascript $(document).ready(function(){ $("#a").click(function(){ $("#b").slideToggle("slow"); }); $("#b").find("a").slideToggle("slow"); });

      在这个例子中,当用户点击#a元素时,$("#b").find("a")将会被找到,并被切换为slideToggle函数的参数,这个函数将#b元素切换为一个隐藏的状态。然后,$("#b").find("a")将被切换为一个显示状态,这将切换#b#a之间的兄弟元素。

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