Question

我在我的一个项目上试过了slickquiz，并在每个问题上都添加了图像。

但是，如果你能指出如何在图像进入下一个问题之前延迟图像，我想请求帮助。

行为是每次点击“检查答案”时，它会自动切换到下一个，因为Id已经改变了。

我想要的是只在下一个问题加载后才更改图像。

完整代码位于此处：http://bin.cakephp.org/saved/87152

实时样本：http://aacenter.com/surveys/index/1

执行图片更改的代码段：

if (qPos == 'question0') {
                    //console.log('search: ' + qPos + ', found.');
                    $('#progressbar').progressbar('option', 'value', 10);
                    $('.questionImage #qImgSrc').attr('src', '/themed/aac-theme/img/quizzes/s' + surveyId + 'q02.jpg');
                }
                else if (qPos == 'question1') {
                    //onsole.log('search: ' + qPos + ', found.');
                    $('#progressbar').progressbar('option', 'value', 20);
                    $('.questionImage #qImgSrc').attr('src', '/themed/aac-theme/img/quizzes/s' + surveyId + 'q03.jpg');
                }

代码工作正常，但改变图像只是前进。

Answer 1

能够修复。而不是依赖于每次点击的行为。因为，slickquiz确实加载了＆lt; li>之前只是展示和隐藏。最初，我还必须加载正确的图像。

修复非常简单。

questionHTML.append('<div class="questionImage"><img id="qImgSrc" src="/themed/aac-theme/img/quizzes/s' +surveyId+ 'q0' + count + '.jpg" border="0" width="300" height="120" alt="" />' + '</div>');

对于需要此代码的任何人，它已被修改为具有jquery ui进度条。

享受！

Answer 2

'questionHTML.append('' + '');'

Jquery帮助：在slickquiz上调用图像行为（自定义）

2 个答案: