я хочу создать этикетки с помощью JQuery через цикл

Question

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

$(document).ready(function() { 
    function create_labels(strt, end, overlay_body) { 
     for (var i = strt; i < end; i++) { 
      var labels=jQuery('<label id=lbl>hahahahha</label>'); 
      labels.appendTo(overlay_body); 
     } 
    } 
}); 

var strt = 9; 
var end = 17; 

var overlay_body = jQuery('<div id=overlay_body></div>'); 
overlay_body.appendTo(document.body); 
create_labels(strt,end,overlay_body); 

Answer 1

Вы должны узнайте, как отлаживать ваш javascript-код. Если вы проверили консоль браузера, вы точно знаете, в чем проблема. Чтобы открыть консоль браузера в Google Chrome, вы можете нажать Ctrl + Shift + J.

Проблема заключается в том, что функция create_labels() не доступна вне от JQuery нагрузки function.One способ исправить это, чтобы переместить логику, которая вызывает эту функцию внутри Jquery нагрузки:

$(document).ready(function() { 
    var strt = 9; 
    var end = 17; 

    function create_labels(strt, end, overlay_body) { 
     for (var i = strt; i < end; i++) { 
      var labels = jQuery('<label id=lbl>hahahahha</label><br />'); 
      labels.appendTo(overlay_body); 
     } 
    } 

    var overlay_body = jQuery('<div id=overlay_body></div>'); 
    overlay_body.appendTo(document.body); 
    create_labels(strt, end, overlay_body); 
});