Javascript 使用jquery隐藏显示登录和注册
我的网页中显示隐藏模型有问题。 当我点击负责它的链接时,什么也没发生。 我想它的工作taht当我点击“注册”它会显示我注册表格,当我点击“登录”我会隐藏注册表格和显示登录表格。 下面是我写的代码。 HTML:Javascript 使用jquery隐藏显示登录和注册,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的网页中显示隐藏模型有问题。 当我点击负责它的链接时,什么也没发生。 我想它的工作taht当我点击“注册”它会显示我注册表格,当我点击“登录”我会隐藏注册表格和显示登录表格。 下面是我写的代码。 HTML: 提前感谢您对我的问题感兴趣。e.target是一个触发事件的元素,.parent()方法返回它的父级,在我们的例子中,它的形式是,.sibles()方法返回元素的同级 $('.message a').click((e)=>{ $(e.target).parent().paren
提前感谢您对我的问题感兴趣。
e.target
是一个触发事件的元素,.parent()
方法返回它的父级,在我们的例子中,它的形式是,.sibles()
方法返回元素的同级
$('.message a').click((e)=>{
$(e.target).parent().parent().hide();
$(e.target).parent().parent().siblings().show()
})
如果您想添加淡入淡出效果来隐藏/显示方法,请向其添加“传递时间”(ms)参数<代码>隐藏(1000)/show(2000)您希望窗体动画化/淡出还是隐藏/显示?很抱歉,它仍然无法工作。我可以添加我正在使用的教程:。到目前为止,一切都是一样的。你的脚本和我的脚本都在给定的页面上工作。为什么它们不能在我的电脑上正常工作?您是否在登录表单中添加了
style=“display:none”
?是的,我这样做了。我想是因为脚本与html文件位于同一文件夹中。以及我使用
部分中的
添加的脚本。
$('.message a').click(function(){
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
});
$('.message a').click((e)=>{
$(e.target).parent().parent().hide();
$(e.target).parent().parent().siblings().show()
})