javascript - 未捕获的类型错误 : Cannot read property 'className' of undefined?

Question

$(document).on("click", '.goToInvocationList', function(){
 <a href="#" id="create">Create slides</a>
});

此链接在加载页面后由 ajax 附加当我单击此链接时，它应该创建幻灯片，但它给了我这个错误未捕获的类型错误:无法读取未定义的属性“className”。但是当我将点击事件放在一个没有附加 javascript 的链接上时，它工作正常

$(document).on("click", '.go-invoice', function(){
  sildes_create();
  document.location.href='#invoce';

});
<div class="swiper-container">
 <div class="swiper-wrapper"></div>
 <span class="pagination"></span>
</div>

<script>
 function sildes_create(){
  count = 4;
  var mySwiper = new Swiper('.swiper-container',{
      pagination: '.pagination',
      paginationClickable: true
    });

  for ( var i =0; i < 3; i++){
      mySwiper.createSlide('<div class="title" style="color:#000">Slide '+      (++count)+'</div>', 'swiper-slide #000-slide').insertAfter(0);
    }
 }
</script> 

Answer 1

创建链接后添加监听器:

   $(document).on("click", '.goToInvocationList', function(){
 $(something).append("<a href='#' id='create'>Create slides</a>")
  $('#create').on('click',function(){sildes_create();})
});