0

我在我的一个项目上尝试了 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');
                }

代码运行良好，但只是提前更改图像。

4

2 回答 2

0

能够进行修复。而不是依赖于每次点击的行为。因为，slickquiz 确实加载了 <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 进度条。

享受！

于 2013-01-30T00:34:00.870 回答
-1 
'questionHTML.append('' + '');'
于 2014-01-18T06:02:24.357 回答