加载 li 元素内的广告框时出现 nan 错误

Question

我写的这段代码，是对的，但是广告img后显示nan错误。

有谁知道这个错误是从哪里来的，我该如何解决？

我的代码在 html:

<div>
 <ul class="list-groupJournalList">
 </ul>
</div>

我的代码在 jquery:

jQuery(document).ready(function ($) {
    for (var i = 1; i <= 100; i++) {
  

        inner1 = ('<li class= "list-group-item">' +

            '<div class="col-xs-12 article-wrapper">' + '</div>' +

            '</li>');

       
        advboxx = ('<li><div class="advertising-SearchReasultBox">' +
            '<img src="../FrontEnd/media/image/Sid-adv1-moavenatelmi.gif" height="80"/>' +
            +'</div></li>');

        for (k = 1; k < 3; k++) {
        $('.list-groupJournalList').append(inner1);
        }
        $('.list-groupJournalList').append(advboxx);

    }

输出类似于下图： nan error in image

Answer 1

我想你忘了关闭你的函数，“for”循环，这里有一个额外的“+”在第 3 行的开头:

advboxx = ('<li><div class="advertising-SearchReasultBox">' +
            '<img src="../FrontEnd/media/image/Sid-adv1-moavenatelmi.gif" height="80"/>' +
            +'</div></li>');

试试这个：

jQuery(document).ready(function ($) {
     for (var i = 1; i <= 100; i++) {
         inner1 = '<li class= "list-group-item"> <div class="col-xs-12 article-wrapper"> </div> </li>';
         advboxx = '<li><div class="advertising-SearchReasultBox"> <img src="../FrontEnd/media/image/Sid-adv1-moavenatelmi.gif" height="80"/> </div> </li>';

         for (k = 1; k < 3; k++) {
            $('.list-groupJournalList').append(inner1);
         }
         $('.list-groupJournalList').append(advboxx);
     }
});

加载 li 元素内的广告框时出现 nan 错误

nan error in load Advertising box inside the li element

html

jquery

html-lists

ads

nan