前端jquery show()hide()无效的问题
我做的是一个需要用户按照规则一步步填写的操作,第一步填完之后进入下一步,但是在下一步(也就是第二步的时候)如果想返回到第一步,我用的是display将第二步的div隐藏,...
我做的是一个需要用户按照规则一步步填写的操作, 第一步填完之后进入下一步 ,但是在下一步(也就是第二步的时候)如果想返回到第一步,我用的是display将第二步的div隐藏,然后显示第一步的div,但是通过hide和show的时候却不起作用,并且还错误输出命令,我代码上写的是hide,在网页上却显示的display:block 以下是代码:
$(function(){
$("#adddatasource").on("click", function() {
$(".addstep1").css("color","#33ADFF");
$("#editdatasource").show();
$(".datatypeinfo1").show();
});
$(".next").on("click",function(){
$(".addstep1").css("color","black");
$(".addstep2").css("color","#33ADFF");
$(".next").css({"margin-top":"225px","margin-left":"35px"});
$(".nextstep").css("float","right");
$(".next").css("margin-left","-150px");
$(".datatypeinfo1").hide();
$(".step2alike,.backstep").show();
});
$(".backstep").on("click",function(){
$(".addstep2").css("color","black");
$(".addstep1").css("color","#33ADFF");
$(".step2alike,.backstep").css("display","none");
$(".datatypeinfo1").show();
});
});
前面两个点击事件都是正常的,唯独第三个($(".backstep").on("click",function(){)的方法不起作用,我试了打桩,所有操作都执行了,但是却没有作用,对css和html的修改无效 展开
$(function(){
$("#adddatasource").on("click", function() {
$(".addstep1").css("color","#33ADFF");
$("#editdatasource").show();
$(".datatypeinfo1").show();
});
$(".next").on("click",function(){
$(".addstep1").css("color","black");
$(".addstep2").css("color","#33ADFF");
$(".next").css({"margin-top":"225px","margin-left":"35px"});
$(".nextstep").css("float","right");
$(".next").css("margin-left","-150px");
$(".datatypeinfo1").hide();
$(".step2alike,.backstep").show();
});
$(".backstep").on("click",function(){
$(".addstep2").css("color","black");
$(".addstep1").css("color","#33ADFF");
$(".step2alike,.backstep").css("display","none");
$(".datatypeinfo1").show();
});
});
前面两个点击事件都是正常的,唯独第三个($(".backstep").on("click",function(){)的方法不起作用,我试了打桩,所有操作都执行了,但是却没有作用,对css和html的修改无效 展开
1个回答
展开全部
datatupeinfo1、step2alike、backstep这几个元素内部有其他内容吗？hide，show是只对本身生效的，如果内部有其他元素是会有影响的
更多追问追答
追问
datatypeinfo1有个P和4个select
step2alike 一个span 一个select
backstep 一个a
追答
可以把相关部分的html和jQ代码发过来吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
