javascript - 在不离开屏幕的情况下定位 div

Question

我有一个元素列表。他们每个人都有一个带有描述的弹出窗口。问题是列表中的最后一项在单击时弹出窗口超出屏幕一半。

$('ul').on('click', '.link', function () {
    $(this).next('.div').toggle();
});

列表是动态生成的，所以我不能为每个元素分配一个单独的类，然后为每个弹出窗口设置一个位置。我可以采取务实的方法吗？

Answer 1

我用 fiddle 测试了你的代码。单击最后一项时我没有收到任何错误。但我有一个小建议，将 toggle() 更改为 slideToggle() 可能会更好。

$('ul').on('click', '.link', function (e) {
    e.preventDefault();
    $(this).next('.bubble').slideToggle();
});