Javascript 未捕获类型错误：无法读取属性'；类名'；未定义的？ $（文档）.on（“单击“，”.GoToInJournationList'，函数（）{ });

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

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

$（文档）。在（“单击“，”.go invoice'，函数（）上）{
sildes_create（）；
document.location.href='#invoce'；
});
函数sildes_create（）{
计数=4；
var mySwiper=new Swiper（“.Swiper container”{
分页：'.pagination'，
分页可点击：true
});
对于（变量i=0；i<3；i++）{
创建幻灯片（'Slide'+（++count）+''，'swiper Slide#000 Slide'）。在（0）之后插入；
}
}

创建链接后添加侦听器：

$(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> 

$（文档）.on（“单击“，”.GoToInJournationList'，函数（）{
$（某物）。附加（“”）
$（'create'）。在（'click'，function（）{sildes_create（）；}）上
});

您在文章顶部显示的前三行代码毫无意义，因为您不能简单地将JavaScript和HTML代码混合在一起。

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