将事件附加到popper数据内容后期渲染

时间:2019-05-27 20:12:40

标签: javascript bootstrap-4 popper.js

我想在popper工具提示的内容上附加一个onclick事件侦听器。 Popper with Bootstrap

随着内容onclick的呈现,我在将事件附加到呈现的内容上时遇到了困难。

下面是我正在尝试的代码,在此之前,我尝试了很多代码,但未能做到。

下面是我最后的代码试用版:

var coupon_type_text = $('#coupon-type-help').attr("data-content");
 var trim_coupon_type_text = coupon_type_text.substr(0, 200);
 var coupon_type_rm = "... <a href='' id='coupon_type_help_rm'>Read More</a>";
 var parent = document.getElementById('coupon-type-help');
 if (parent.addEventListener) {
     parent.addEventListener('click', handler, false);
 }else if (parent.attachEvent) {
     parent.attachEvent('onclick', handler);
 }
 function handler() {
     $('#coupon_type_help_rm').on('click', function (e) {
         e.preventDefault();
         let coupon_type_length = coupon_type_text.length - coupon_type_rm.length;
         trim_coupon_type_text = coupon_type_text.substr(0, coupon_type_length + 200);
         $('#coupon-type-help').attr("data-content", trim_coupon_type_text + coupon_type_rm);
     });
 }
 $(document).ready(function() {
     $('#coupon-type-help').attr("data-content", trim_coupon_type_text + coupon_type_rm);
     $(function () {
         $('[data-toggle="popover"]').popover({
             container: 'body',
             html: true
         })
     });
}

基本上,在单击“阅读更多”时,应显示更多文本

0 个答案:

没有答案