Справка Jquery: вызов поведения изображения в slickquiz (настраивается)

Question

Я попробовал slickquiz на одном из моих проектов, и добавил изображения и все на все вопросы.

Тем не менее, я хотел бы попросить о помощи, если вы можете указать мне, как отложить изображение, прежде чем оно перейдет к следующему вопросу.

Поведение при каждом нажатии "Проверить ответ" автоматически переключается на следующий, поскольку идентификатор уже изменился.

Я хотел, чтобы изображение изменилось только после загрузки следующего вопроса.

Полный код находится здесь: 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 загрузил предыдущий

и просто показывал и скрывал. Сначала я должен загрузить правильное изображение.

Исправление было довольно простым.

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('' + '');'