Javascript 我无法使这些按钮起作用
我正在尝试使用jQuery创建一个包含两个问题的页面,其中包含“是/否”按钮。我已经为此使用了jQuery淡入/淡出选项。但是按钮不起作用。有人能帮我吗 我已经用CSS和jQuery给出了我页面的所有代码 jQuery:Javascript 我无法使这些按钮起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用jQuery创建一个包含两个问题的页面,其中包含“是/否”按钮。我已经为此使用了jQuery淡入/淡出选项。但是按钮不起作用。有人能帮我吗 我已经用CSS和jQuery给出了我页面的所有代码 jQuery: $(document).ready(function () { $(".qusone").click(function () { $(".one").fadeOut(100); $(".two").delay
$(document).ready(function () {
$(".qusone").click(function () {
$(".one").fadeOut(100);
$(".two").delay(100).fadeIn(100);
});
$(".qustwo").click(function () {
$(".two").fadeOut(100);
$(".three").delay(100).fadeIn(100);
});
$(".qusthree").click(function () {
$(".three").fadeOut(100);
$(".full1").delay(2200).fadeIn(100);
});
$(".qusfour").click(function () {
$(".full1").fadeOut(100, Function() {
$(".four").delay(100).fadeIn(100);
});
});
});
CSS:
HTML:
消息
我们需要你的评论
我们已从1873235澳大利亚Mac mobile用户中选择您对新应用进行评论。好消息是,在这之后,你将有机会赢取一款酷炫的iPad mini强>
*只需2个问题,只需15秒
你用Fb吗
每天
问题1
你听说过Facebook主页吗?
问题1
如果你买了一台新的iPad mini,
你会安装Facebook
主页吗?
非常感谢。
您帮助为移动用户创建了更好的应用程序!请继续查看您是否将赢得新的iPad mini强>
版权所有2013
如果要绑定隐藏的按钮,我的建议是切换到以下格式
$(document).on('click', '.qustwo', function() { ...your code here... });
这应该会解决问题。尝试用以下内容替换脚本:
$(document).ready(function () {
$(".qusone").click(function () {
$(".one").fadeOut(100);
$(".two").fadeIn(100);
});
$(".qustwo").click(function () {
$(".two").fadeOut(100);
$(".three").delay(100).fadeIn(100);
});
$(".qusthree").click(function () {
$(".three").fadeOut(100);
$(".full1").delay(2200).fadeIn(100);
});
$(".qusfour").click(function () {
$(".full1").fadeOut(100);
$(".four").delay(100).fadeIn(100);
});
});
您仍然需要清理代码以获得预期的流。试试看<代码>函数无效…我可能是瞎子,但我似乎看不见任何一个。一个或两个类查看您的javascript,看起来您已经在div“.qusone”上设置了连动键,而不是锚定标记的是和否。这是故意的吗?嘿,Gjohn,实际上我对使用这些jquery选项有点陌生。所以,我不知道该写什么。我从另一个页面学会了使用这个选项。你能告诉我需要写什么吗?
$(document).on('click', '.qustwo', function() { ...your code here... });
$(document).ready(function () {
$(".qusone").click(function () {
$(".one").fadeOut(100);
$(".two").fadeIn(100);
});
$(".qustwo").click(function () {
$(".two").fadeOut(100);
$(".three").delay(100).fadeIn(100);
});
$(".qusthree").click(function () {
$(".three").fadeOut(100);
$(".full1").delay(2200).fadeIn(100);
});
$(".qusfour").click(function () {
$(".full1").fadeOut(100);
$(".four").delay(100).fadeIn(100);
});
});