我有一系列按钮,其中包含一个数据属性,我想插入到他们切换弹出窗口。
HTML格式:
<button type="button" class="btn btn-yellow btn-deleteTeacher" data-bs-toggle="popover" role="button" data-username="farkle86">
<i class="fa-solid fa-circle-xmark"></i>
</button>
JS:
$('[data-bs-toggle="popover"]').popover({
html: true,
container: 'body',
placement: 'top',
content: "<a href='teachers.asp?action=delete&user="+$(this).data('username')+"'>Click Here</a> to permanently delete this teacher."
});
当我将鼠标悬停在弹出窗口中的文本链接上时,该变量为“未定义”。我不知道如何正确获取用户名数据属性。
1条答案
按热度按时间0wi1tuuw1#
这个问题是因为
popover()
声明中的this
不是data
属性所在的元素。要获得对该元素的引用,您需要在声明弹出窗口时手动遍历它们: