我想在popper工具提示的内容上附加一个onclick
事件侦听器。
随着内容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
})
});
}
基本上,在单击“阅读更多”时,应显示更多文本