javascript - Jquery .html 替换器只是清空了我的选择器，这是怎么回事？

Question

$("#autoNames").html(function (index, html) {
                                    var begin = "<script language='javascript' type='text/javascript'> var names = [";
                                    var end = String('];' + '<' + '/' + 'script' + '>');
                                    var result = begin.concat(jsonService, end);
                                    $("#autoNames").html(result);
                                    return false;
                                });

我一辈子都弄不明白为什么这行不通。我之前已经让 html 函数工作了，但出于某种原因，这只会让我的 autoNames 标记为空......我已经在结果变量上调用了一个 alert() 并且该字符串中存在一些东西......有什么线索吗？

谢谢

Answer 1

当您将函数传递给 .html() 时该函数需要返回您想要它设置的内容，如下所示:

$("#autoNames").html(function (index, html) {
   var begin = "<script type='text/javascript'> var names = [";
   var end = String('];' + '<' + '/' + 'script' + '>');
   return begin.concat(jsonService, end);
});

当前您正在设置 .html()但返回 false，并且外部 .html() 调用将其设置为空。或者，只需这样做，因为您正在处理一个元素:

var begin = "<script type='text/javascript'> var names = [";
var end = String('];' + '<' + '/' + 'script' + '>');
$("#autoNames").html(begin.concat(jsonService, end));