工具提示弹出窗口内的 Bootstrap 输入字段已从输出 html 中删除

2024-05-11

您好,我正在使用 bootstrap 4.3.1 并包含 popper 1.14.7。

通常我可以在弹出窗口/工具提示的内容中添加输入字段。我从什么时候开始就不知道了,但是当我将输入字段放入内容中时,只有文本可见。

当我查看源代码(编译后的 html)时,我可以看到 popper 或 bootstrap 删除了输入字段。我有什么不对吗?

    var options = {
        html: true,
        // content: function(){ return $(".amountElec.popup").html();},
        placement: "bottom",
        container: "body"
    };
    
    $(function(){
        $('#manualinput').popover(options);
    })
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


<div id="manualinput" 
     data-container="body" 
     data-toggle="popover"  
     data-content="test <input name='test' type='text' value='2'>" 
     data-html="true" 
     data-placement="bottom">
     
     OPEN TOOLTUP
</div>

正如您所想的那样,这甚至更容易:

Add

sanitize: false

如果您想完全禁用清理,请作为配置选项。如果您只想调整白名单,那么您的解决方案是正确的

https://github.com/twbs/bootstrap/blob/438e01b61c935409adca29cde3dbb66dd119eefd/js/src/tooltip.js#L472 https://github.com/twbs/bootstrap/blob/438e01b61c935409adca29cde3dbb66dd119eefd/js/src/tooltip.js#L472

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

工具提示弹出窗口内的 Bootstrap 输入字段已从输出 html 中删除 的相关文章

随机推荐