css 如何获取弹出工具提示的放置属性？

ej83mcc0 于 2023-05-30 发布在其他

关注(0)|答案(1)|浏览(124)

我正在使用popper.js，我想根据工具提示位置更改其他元素的一些css属性。当我从浏览器的控制台检查html元素时，我看到了属性，所以我尝试使用javascript首先使用document.querySelector("#popper-popup").dataset.popperPlacement;什么也没有显示，然后我尝试使用jQuery $("#popper-popup").attr("data-popper-placement");，同样！最后使用$("#popper-button").has("> #popper-popup[data-popper-placement^='bottom']").css("background","red");什么也没发生。当我检查codepen的控制台时，放置属性不存在...谁能解释一下，我怎么才能得到工具提示的位置。谢谢codepen popper popup

css

来源：https://stackoverflow.com/questions/70606892/how-to-get-the-placement-attribute-of-popper-tooltip

1条答案

按热度按时间

4uqofj5v1#

为了使答案有意义，这是我用来根据弹出器方向旋转关闭按钮的函数：

function rotateClose(){
        $(divId+" .popover[data-popper-placement^='top']").prev().css("transform","rotate(180deg)");
        $(divId+" .popover[data-popper-placement^='left']").prev().css("transform","rotate(90deg)");
        $(divId+" .popover[data-popper-placement^='right']").prev().css("transform","rotate(-90deg)");
        $(divId+" .popover[data-popper-placement^='bottom']").prev().css("transform","rotate(0deg)");
    }

赞(0）回复(0）举报 2023-05-30

我来回答

css 如何获取弹出工具提示的放置属性？

1条答案

相关问题

热门标签

最新问答