Question

我正在尝试创建一个简单的调查网站，您必须在1处回答问题1.当您通过单击答案完成问题时，页面将淡出并淡入下一个。

我一直在寻找一种方法来做到这一点，我希望在调查结束后将已回答的问题保存到数据库中。

有什么想法吗？

到目前为止，我有这个：

JS：

$(function(){
    $("#site").cycle({
        fx : "scrollHorz",
        next : ".next a",
        prev : ".prev a",
        startingSlide : 1,
        timeout : 0
    });
  });

CSS：

html, body, #page1, #page2, #page3, #site {height:100%;width:100%}
.prev, .next {
    display:table;        
    overflow:hidden;
    height:100%;
    width:1.5em;
    position:absolute;
    top:0;
}
.prev{
  left:0
}
.next{
  right:0
}

.prev a, .next a {
    display:table-cell;
    vertical-align:middle;
    height:30px;
    text-align:center;
    background:#333;
    text-decoration:none;
    color:#999;
    font-weight:900;
    font-size:1.5em
}
.prev a:hover, .next a:hover {color:#eee;}
.prev a{
    border-radius:0 0.5em 0.5em 0;   
}
.next a{
    border-radius:0.5em 0 0 0.5em;
}
p {padding:2em}
h1 {font-size:2em;padding:1em;font-weight:900}

我只是想知道是否有其他方法可以做到这一点。

Answer 1

您需要在下一页设置事件处理程序，并将结果保存在form隐藏输入中

然后在最后，调出一个save button serialize the form并通过POST将其发送到服务器。

在服务器上，您将拥有php或任何其他服务器端语言，以便从POST读取数据并保存在数据库中。

Answer 2

试试这个：Fiddle

$("#brand").change( function() {
    $(".next a:visible").click();
});

请注意，在IE上，无线电按钮和复选框仅在焦点更改为表单中的下一个控件时才发出“更改”事件。因此，对于这些，最好使用“点击”事件。

要保存它，您必须在表单末尾有一个提交按钮，该按钮将以传统方式将表单提交到服务器端页面或执行ajax请求。

我刚刚更新了小提琴以显示单选按钮处理。

顺便说一句，我正在做的是点击“下一个”，使其在选择或点击控件时滑动。

祝你好运。

滑动形式 - jquery / javascript

2 个答案: