1

我有这个文件，它允许我有一个多选选择问卷，点击进度。

我如何去用图像代替这里的文字？（并且仍然有机制，一旦单击 [图像]，就会提出下一个问题）

我已经尝试使用 UL/H1 设置背景图像进行一些基本的 div 操作，但正如您所料，这让我毫无用处。

我很好奇是不是因为“标题”需要是别的东西。

            var questions = [
                {
                    caption: 'Question 1?',
                    answers: [
                        { caption: 'It sucks!' },
                        { caption: 'It rules!' }
                    ]
                }

我的其余代码正在进行中：http: //jsfiddle.net/Rbzy6/19/

4

1 回答 1

1

做这样的事情怎么样：小提琴

我所做的是我将图像名称设置为答案：

var questions = [
        {
            caption: 'Question 1?',
            answers: [
                { caption: 'It sucks!' },
                { caption: 'It rules!' }
            ]
        },
        {
            caption: 'Question 2?',
            answers: [
                { caption: '_62880798_62880797.jpg' },
                { caption: '_62880035_62880034.jpg' }
            ]
        }
];

然后：

self.currentQuestion(questions[currentQuestionIndex]);

我添加了这个 jQuery 代码：

$('#lol').find('li').each(function() {
    var imgPath = 'http://news.bbcimg.co.uk/media/images/62880000/jpg/';
    var imgName = $(this).text();
    $(this).html('<img src="'+imgPath+imgName+'" width="20" />');
});

我使用元素的内容li（答案）来获取图像的名称，然后将li元素的内容替换为图像标签 ( <img src="" />)。

于 2012-12-13T01:44:42.667 回答