Lightgallery: خطأ في النوع غير معلوم: لا يمكن قراءة الخاصية "مطابقة" للقيمة غير المحددة

تفتقد السمة data-src . هنا هو jsfiddle المحدث. http://jsfiddle.net/1tygp6sk/2/

إظهار مشكلة "خطأ في النوع لم يتم اكتشافه: لا يمكن قراءة الخاصية 'مطابقة' لـ undefined في Plugin.isVideo". عند تضمين صورة واحدة ، فإنها تعمل بشكل صحيح ولكن أكثر من صورة واحدة لا تعمل بشكل صحيح وتظهر الأخطاء

عندما صورة واحدة:

<div class=" js-lightgallery">
<a href="{{fullUrl}}" data-src="{{fullUrl}}">
   <img src="{{fullUrl}}" data-name="{{name}}" title=""/>
 </a>
</div>

عندما الصور

<div class=" js-lightgallery">
<a href="{{fullUrl}}" data-src="{{fullUrl}}">
   <img src="{{fullUrl}}" data-name="{{name}}" title=""/>
 </a>
<a href="{{fullUrl}}" data-src="{{fullUrl}}">
   <img src="{{fullUrl}}" data-name="{{name}}" title=""/>
 </a>
<a href="{{fullUrl}}" data-src="{{fullUrl}}">
   <img src="{{fullUrl}}" data-name="{{name}}" title=""/>
 </a>
</div>

شبيبة:

   $(".js-lightgallery").lightGallery({
                    thumbnail:true,
                    animateThumb: true,
                    download: false
                });

يرجى تقديم عنوان URL لموقع الويب الخاص بك أو jsFiddle الذي يوضح مشكلتك.

مرحبًا ، أتلقى نفس الخطأ ، فماذا أفعل؟
خطأ----
angular.min.js: 117 TypeError: لا يمكن قراءة الخاصية "match" من undefined
على brandController.vm.checkC CommunicationType (scripts.js: 315)
في fn (تقييم في التحويل البرمجي (angular.min.js: 230) ،: 4: 333)
في n. Digger (angular.min.js: 142)
في n. $ apply (angular.min.js: 145)
في l (angular.min.js: 97)
في H (angular.min.js: 101)
في XMLHttpRequest.u.onload (angular.min.js: 102)

vm.enableDisableCommunication = function(comm , flag , type,communicationName){ console.log(flag); let tText = flag?"disable" : "enable" ; let tText2 = type==1? "SMS" :"EMAIL" ; let message = هل أنت متأكد من أنك تريد $ {tText} $ {communicationName} $ {tText2} ; dailogService.showConfirm(null,message) .then( ()=>{ let params= {}; params.productId = vm.productId; params.communicationType = comm; //params.communicationName = comm; if(type==1){ params.smsStatus = flag; } if(type==2){ params.emailStatus = flag; } return brandService.enableDisableCommunication(vm.brandId ,params); }).then((rs)=>{ toast.showSimpleToast( $ {communicationName} $ {tText2} $ {tText} d`)؛

    }).catch((error)=>{
        console.log(error);
        if(type==1){
            vm.productDetailedInfo[comm].smsStatus = !flag;
        }
        if(type==2){
            vm.productDetailedInfo[comm].emailStatus = !flag;
        }
    });

}
vm.showPercentage = function(val1 , total){
    return (val1*100)/total;
}
vm.showPercentageComm = function(val1 , total1,total2){
    return (-val1*100)/(-total1 + -total2);
}
vm.checkCommunicationType=function(commType){
    if(commType.match(/otp/ig) ){
        return true;
    }else{
        return false;
    }
}`