JQuery + .show()
JQuery + .show()
提问于 2013-08-09 03:08:15
这是使用JQuery的单选按钮的一个简单示例。
JSFiddle
所以我想要的是能够慢慢地显示单选按钮，比如：
JSFiddle - show()
但是我不想让.html在这里慢慢淡入
$("#answer").html(answers);就像这样
$("#answer").show('slow');但我想不出来。有人能告诉我吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-08-09 04:54:26
尝尝这个
var allButtons = [["Milk", "Butter", "Cheese"],["Water", "Beer", "Wine"]];
var index=0;
$("#nextbutton").on("click", function () {
var answers = '';
$(allButtons[index]).each(function (i) {
answers += '<input type="radio" name="group1' + '" value="' + allButtons[index][i] + '">' + allButtons[index][i] + '<br>'
});
answers=answers+"index = " + index;
$("#answer").hide();
$("#answer").html(answers);
$("#answer").show('slow')
index+=1;
});演示
Stack Overflow用户
发布于 2013-08-09 03:59:28
试一试
var allButtons = [["Milk", "Butter", "Cheese"],["Water", "Beer", "Wine"]];
var index=0;
function displayOption($ct, array, index){
if(array.length <= index){
return;
}
var opt = array[index];
$('<div/>').append('<input type="radio" name="group1' + '" value="' + opt + '">' + opt).hide().appendTo($ct).fadeIn(function(){
displayOption($ct, array, index + 1);
});
}
jQuery(function($){
$("#nextbutton").on("click", function () {
var $answers = $("#answer");
$answers.empty();
displayOption($answers, allButtons[index], 0);
index++;
});
})演示：小提琴
Stack Overflow用户
发布于 2013-08-09 03:11:06
不确定这是否是你想要的：
将span修改为初始为display: none
<span id="answer" style="display: none">possible answers will go here...</span>然后，在单击处理程序中，保留当前逻辑，并在最后调用.show(…)在跨度上：
$("#nextbutton").on("click", function () {
var answers = '';
$(allButtons[index]).each(function (i) {
answers += '<input type="radio" name="group1' + '" value="' + allButtons[index][i] + '">' + allButtons[index][i] + '<br>'
});
answers = answers + "index = " + index;
$("#answer").html(answers);
$("#answer").show('slow');
index += 1;
});jsFiddle在这里
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18139513
复制相关文章
相似问题
腾讯云开发者
