代码之家 › 专栏 › 技术社区 › Jon

jQuery append在下一条语句之前未完成?

jquery javascript

Jon · 技术社区 · 16 年前

$(function() {
    var db = openDatabase(...);
    db.transaction(function(tx) {
        tx.executeSql("select ....", [surveyId], function(tx, results) {
            var items = "", answers = [];
            for (var i = 0; i < results.rows.length; i++) {
               var id = results.rows.item(i).id;
               items += "<div><input type='radio' name='q-" + id + "' id='q-" + id + "-1' /><label for='q-"+id+"-1'>Yes</label><input type='radio' name='q-" + id + "' id='q-" + id + "-2' /><label for='q-"+id+"-2'>No</label></div>";
               if (result.rows.item(i).answer) {
                   answers.push('#q-'+id+'-'+results.rows.item(i).answer);
               }
            }
            $('#questions-div').append(items);
            $.each(answers, function(i, e) { $(e).click(); });
        });
    });
});

3 回复 | 直到 16 年前

Nick Craver 16 年前

我想在这里:

answers.push('#q-'+id+'-'+result);

answers.push('#q-'+id+'-'+result.rows.item[i].answer);

否则你就会 '#q-XX-[object Object]' 认为你在追求 1 2 版本 '#q-XX-1' .

Andrew 16 年前

我怀疑这实际上是种族问题。我敢打赌如果你 each 声明稍有延迟,事情就会如期而至。因此,原因是当您以编程方式插入新元素时,您无法100%确定浏览器何时真正能够更新DOM。我不知道最好的解决方案是什么:如果你附加了事件,我会说你应该在构建元素的同时进行;但是如果你是触发点击后,我倾向于不断地测试元素的存在,然后一旦知道它们在那里就触发了点击。

Jon 16 年前

所以我想出了一个解决办法:

我换了线 items += "<div> ...." 具有

var item = "<div><input type='radio' name='q-" + id + "' id='q-" + id + "-1' ";
if (results.rows.item(i).answer == 1) item += "checked ";
item += "/><label for='q-"+id+"-1'>Yes</label><input type='radio' name='q-" + id + "' id='q-" + id + "-2' ";
if (results.rows.item(i).answer == 2) item += "checked ";
item += "/><label for='q-"+id+"-2'>No</label></div>";
items += item;

我本想找点更整洁的,但似乎没问题。感谢@Nick Craver&@Andrew帮我达到目的!

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前