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

我有项目清单。它们每个都有一个带有说明的弹出窗口。问题在于，单击列表上的最后一项时，弹出窗口不在屏幕的一半。

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

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

最佳答案

我在小提琴中测试了您的代码。单击最后一项时没有出现任何错误。但是我有一个小建议，那就是将toggle（）更改为sliderToggle（）可能更好。

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

关于javascript - 在不离开屏幕的情况下定位div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28003503/