2016-08-15 5 views
0

Я пытаюсь динамически создать label, который получает текст через AJAX. После создания этого ярлыка я собираюсь добавить в оверлей, который я создал. Я создал наложение, но значение метки не появилось на моем наложенииПопытка динамического создания метки с помощью jQuery

Это мой код. Пожалуйста, помогите мне и скажите мне, что я делаю неправильно здесь.

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); 

теперь, когда я проверил элемент в моем яваскрипте этикетки было , но его не показывает значение, которое она извлекается в наложении ...

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

@ palaѕн <метка класса = «тайминг»> 9:00:00 его там, когда я проверил элемент в моем хромом не появляется мой метка не на моей странице – iqra

+0

Что вы имеете в виду под «_its не показывая значение, которое оно выбрало в overlay_ "? Возможно, попробуйте объяснить проблему, как то, что выбрано и что показано. Только время - проблема или что-то еще. –

+0

@ palaѕн код отлично работает, я хотел получить время frm my getstartingtime.php через ajax, и это сработало как шарм в порядке, там есть метка, которая является временем 09:00:00 ... проблема в том, что это не на моей странице метка ярлыка моя моя страница пуста – iqra

ответ

0

Я думаю, ваши переменное данные undefied, var start=jQuery('<label class="timing">'+data+'</label>');

0

Вы можете попробовать этот код:

success: function(){ 
     var start = $('#overlay').append('<label class="timing">' + data + '</label>'); 

    } 
0

Это потому, что вы используете добавление метки в оверлей в методе успеха 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); 
    } 
}); 
Смежные вопросы