Javascript 消除测验,过滤器和结果显示在同一页上

Javascript 消除测验,过滤器和结果显示在同一页上,javascript,php,ajax,Javascript,Php,Ajax,目前正在图书馆的数字资源页面上工作。这个库使用CMS Drupal,和许多库一样,它有一个数字库,有多个在线资源链接。每个数字图书馆资源都有自己的网格格式的可点击图标。每个数字资源都是它自己的节点,它们已放置在视图中。数字图书馆页面上还有一个单独的视图,这是一个flickity旋转木马,其中有一个视图,每个单独的资源节点过滤器放置在旋转木马的每个幻灯片中 最初的项目是希望创建一个资源的网格视图(这很容易),并让过滤器像问题一样一次一个地呈现给用户,每次用户回答这些问题时,如测验,资源也会在同一页

目前正在图书馆的数字资源页面上工作。这个库使用CMS Drupal,和许多库一样,它有一个数字库,有多个在线资源链接。每个数字图书馆资源都有自己的网格格式的可点击图标。每个数字资源都是它自己的节点,它们已放置在视图中。数字图书馆页面上还有一个单独的视图,这是一个flickity旋转木马,其中有一个视图,每个单独的资源节点过滤器放置在旋转木马的每个幻灯片中

最初的项目是希望创建一个资源的网格视图(这很容易),并让过滤器像问题一样一次一个地呈现给用户,每次用户回答这些问题时,如测验,资源也会在同一页面上过滤,实时显示结果,最终会生成一个或两个与您给出的响应匹配的数据库

问题似乎是,很难想象有一种方法可以在一个页面上完成这一切,提问、用户回答、删除资源图标并无缝地转到下一个问题。旋转木马似乎是一个不错的解决方案,除非您必须手动选择旋转木马的箭头才能看到下一个问题。目前,一旦你转到下一个幻灯片旋转传单问题,你会自动跳回第一个过滤问题。如果通过问这个问题,下一个连续的问题就会出现,那就太好了,问题是,有没有办法做到这一点?flickity是实现这一目标的正确且唯一可行的方法吗

带单选按钮的旋转木马测验(使用Flickity.js)

(函数($,Drupal,窗口,文档,未定义){
Drupal.behaviors.vplFlicks={
附加:功能(上下文、设置){
if($(“body”).hasClass('page-mary-test-view-four')){
$('.view-mary-test-view.views-exposed-form').addClass('four-main');
$('.view-mary-test-view.views-exposed-widget').addClass('carousel-cell');
$('.view.test-view.views-exposed-widgets').contents().unwrap();
}
$('.four main').flickity({
想象:是的,
包含:对,
pageDots:false,
prevNextButtons:true
});
}
}

})(jQuery、Drupal、this、this.document)如果您可以与我们共享一些您与我们一起完成的代码,这将非常有用。您可以查看我的编辑吗?如果您可以与我们共享一些您与我们一起完成的代码,这将非常有用。您可以查看我的编辑吗?