Я хочу прикрепить прослушиватель событий onclick
к содержанию всплывающей подсказки.
![Popper with Bootstrap](https://i.ibb.co/mhNrRZw/read-more.png)
Поскольку содержимое отображается 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
})
});
}
По сути, при нажатии Подробнее должен отображаться текст