是否可能需要将类设置为动态创建的div？

Question

我认为问题是class =“ snowflakes” aria-hidden =“ true，但我不确定。

(function($){$(function(){

$(".x-navbar-wrap").append("<div class="snowflakes" aria-hidden="true">
        <div class="snowflake">❆</div>
        <div class="snowflake">❆</div>
        <div class="snowflake">❆</div>
        <div class="snowflake">❆</div></div>" 
          ) 
        });}(jQuery));

我也尝试过这个。

(function($){$(function(){

var html = '<div class="snowflakes" aria-hidden="true">' + 
           '<div class="snowflake">❆</div>' + 
               '<div class="snowflake">❆</div>' +
               '<div class="snowflake">❆</div>' +
               '<div class="snowflake">❆</div>' +
               '<div class="snowflake">❆</div>' +
           '</div>';
$(".x-navbar-wrap").append(html);


});}(jQuery));

任何帮助将不胜感激。

Answer 1

也许问题是每个雪花分区的末尾都有两个</div>。

尝试一下

(function($){$(function(){

divhtml = 
   "<div class='snowflakes' aria-hidden='true'>
        <div class='snowflake'>❆</div>
        <div class='snowflake'>❆</div>
        <div class='snowflake'>❆</div>
        <div class='snowflake'>❆</div>
 </div>" ;
$(".x-navbar-wrap").append(divhtml)});}(jQuery));

如果不起作用，请尝试在附加前后打印值

console.log("divhtml: ",divhtml);
console.log("wrap: ",$(".x-navbar-wrap"));