Question

我正在尝试动态创建一个label，它通过AJAX获取文本。创建该标签后，我将附加到我创建的叠加层中。我创建了一个叠加层，但标签值没有出现在我的叠加层

上

这是我的代码。请帮助我，告诉我这里我做错了什么。

var overlay = jQuery('<div id="overlay"></div>');
$.ajax({
    url: "getstartingtime.php",
    type: "GET",
    data: {
        NameOfDays: NameOfDays
    },
    success: function(data){
        var start = jQuery('<label class="timing">' + data + '</label>');
        start.appendTo(overlay);
    }
});
overlay.appendTo(document.body);

现在当我在我的javascript中检查元素时，标签就在那里但它没有显示它在叠加层中获取的值...

   <label class="timing">09:00:00</label>
   is there when i inspected the element

Answer 1

我认为您的数据变量未定义， var start=jQuery('<label class="timing">'+data+'</label>');

Answer 2

这是因为您正在使用在ajax成功方法中叠加标签。而且你要在ajax调用之外附加叠加层。

尝试做这样的事情。它将确保您的叠加层和标签同时添加到DOM中。

$.ajax({
    url: "getstartingtime.php",
    type: "GET",
    data: {
        NameOfDays: NameOfDays
    },
    success: function(data){

        var start = jQuery('<label class="timing">' + data + '</label>');
        var overlay = jQuery('<div id="overlay"></div>');
        overlay.append(start);
        $(docment.body).append(overlay);
    }
});

尝试使用jQuery动态创建标签

2 个答案: