0
我目前正在设计一个注册页面,文本旁边的字段根据用户选择的输入而改变。为什么我的注册页面不能使用.focus()方法?
$(function() {
$('input').on('change', function() {
var input = $(this);
if (input.val().length) {
input.addClass('populated');
} else {
input.removeClass('populated');
}
});
});
$(".namewrapper").click(function() {
$("#fname").focusin();
});
$("#fname").focusin(function() {
$(".signup").fadeOut(200, function() {
$(".signup").text("Phase 1");
$(".introduction").fadeOut(200, function() {
$(".introduction").text("To start, go ahead and enter your name.");
});
$(".signup").fadeIn(200);
$(".introduction").fadeIn(200);
});
});
$(".usernamewrapper").click(function() {
$("#username").focus();
});
$("#username").focus(function() {
$(".signup").fadeOut(200, function() {
$(".signup").text("Phase 2");
$(".introduction").fadeOut(200, function() {
$(".introduction").text("Now, what would you like your username to be?");
$(".introduction").fadeIn(200);
});
$(".signup").fadeIn(200);
});
});
$(".emailwrapper").click(function() {
$("#emailfield").focus();
});
$("#emailfield").focus(function() {
$(".signup").fadeOut(200, function() {
$(".signup").text("Phase 3");
$(".introduction").fadeOut(200, function() {
$(".introduction").text("What email shall we use?");
$(".introduction").fadeIn(200);
});
$(".signup").fadeIn(200);
});
});
$(".password1wrapper").click(function() {
$("#password1").focus();
});
$("#password1").focus(function() {
$(".signup").fadeOut(200, function() {
$(".signup").text("Phase 4");
$(".introduction").fadeOut(200, function() {
$(".introduction").text("Make sure your password is rememberable and isn't short!");
$(“.introduction”).append(“ < i class = “em em - key” > < /i>”);
$(".introduction").fadeIn(200);
});
$(".signup").fadeIn(200);
});
});
$(".password2wrapper").click(function() {
$("#password2").focus();
});
$("#password2").focus(function() {
$(".signup").fadeOut(200, function() {
$(".signup").text("Phase 5");
$(".introduction").fadeOut(200, function() {
$(".introduction").text("Retype your password.");
$(“.introduction”).append(“<i class=“em em-key”></i > ”);
$(".introduction").fadeIn(200);
});
$(".signup").fadeIn(200);
});
});
正如你所看到的,根据他们选择的字段(或包含div),指令会改变。当我只有一个字段的函数时,这工作正常,但只要我为其余的函数添加函数,指令就不会改变。任何帮助感谢!
你应该在'$(function(){...})里面有所有的事件绑定' – Barmar
这似乎没有改变任何东西@Barmar –
你的代码中有一些引号而不是ASCII双引号: '$(“。introduction”)。append(“< /i>”);'。这只是一个复制错误,还是它在真正的代码? Javascript控制台中是否有任何错误? – Barmar