程序员经验分享-hwhale

带有按钮和输入的弹出框 HTML 内容未呈现[重复]

2024-01-11

我正在尝试向弹出窗口添加按钮，但它似乎没有呈现。

是像我那样做的还是有更好的方法。

$('#myinput').popover({
    trigger   : "focus",
    container : 'body',
    placement : "bottom",
    html      : true,
    title     : "Choosy Popover",
    content   : `<input></input> Excellent <br><button type="submit">Why no display</button>`
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

<input id="myinput" />

只需添加sanitize: false

$('#myinput').popover({
    trigger   : "focus",
    placement : "bottom",
    html      : true,
    title     : "Choosy Popover",
    content   : `<input></input> Excellent <br><button type="submit">Why no display</button>`,
    sanitize  : false, // here it is
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected] /cdn-cgi/l/email-protection/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

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

javascript

html

Bootstrap4

带有按钮和输入的弹出框 HTML 内容未呈现[重复] 的相关文章

  • jQuery .push 到 .get 调用中的数组给出空结果

    谁能告诉我为什么下面给我一个空字符串 当我console log contentArray in the get 回调函数它显示数据 但是当我尝试在下面的代码中执行它时 结果为空 sectionArray contentArray func

  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo

  • Number.IsNaN() 比 isNaN() 更糟糕吗

    Soooooo isNaNJavaScript 显然被破坏了 比如 isNaN isNaN isNaN true isNaN false isNaN 0 返回 false 当它们看起来都是 不是数字 在 ECMAScript 6 中 草案包

  • nodejs (libuv) 事件循环是否在一个阶段（队列）中执行所有回调，然后再进入下一阶段或以循环方式运行？

    我正在研究 Node js 中 libuv 提供的事件循环 我遇到了关注 Deepal Jayasekara 的博客 https blog insiderattack net event loop and the big picture n

  • HTML W3C 有效元素 - DIV 在 TD 内有效吗？

    我正在和一位同事争论 但找不到证据证明我们俩都是对的 我之前已经看过给定标签的有效元素列表 但只是无法再次找到它 有人能指出我正确的方向吗 我对 XHTML 很好奇 但分歧具体在于 DIV 标签在 HTML 4 01 中的 TD 标签内是否

  • IntersectionObserver是否支持水平滚动观察？

    我制作了几个垂直滚动 IntersectionObserver 模块 但我对水平滚动感兴趣 根将是 div 观察目标将是 img 我想观察当 img 放大但 div 保持视口宽度时的变化 我什至不确定移动 Safari 是否会将缩放后的图片

  • ReactTransitionGroup 不适用于 React-redux 连接组件

    我正在开发一个更大的项目 但我创建了这个简短的示例来说明问题 如果我使用Box组件 它的工作原理 它在控制台中输出componentWillEnter and componentWillLeave当我们点击按钮时 如果我使用BoxConta

  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其

  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com

  • 将 Firebase 云消息传递与 Windows 应用程序结合使用

    我在 Android 和 iOS 应用程序中使用 Firebase Cloud Messaging 但是我还有此应用程序的 Windows Mac OS 版本 我想保留相同的逻辑 我知道 Firebase Cloud Messaging 可

  • mongodb 聚合 - 累积字段的不同组值

    如果我有Player表格文件 name String score Int 我有Group文档 其中组代表玩家列表 groupName String players ObjectID 玩家可以属于多个组 我想做一个聚合Player文档 按以下

  • 如何计算特定字符在字符串中出现的次数

    我正在尝试创建一个函数来查看数组中的任何字符是否在字符串中 如果是 有多少个 我尝试计算每一种模式 但是太多了 我尝试使用 Python 中的 in 运算符的替代方案 但效果不佳 function calc fit element var

  • 表单发布请求并存储收到的数据

    我有一个非常简单的表单 在提交时发出发布请求

  • Google Maps API (v3) 添加/更新标记

    编辑 它现在可以工作 但如果用户不允许或没有基于位置的服务 则不会加载 请参阅 jsfiddle 示例接受的答案评论 我已经浏览了一些教程和问题 但我无法安静地理解正在发生的事情 或者在这种情况下 没有发生 当用户单击链接时 我正在加载地图

  • 在 iOS 7 Safari 中，如何区分通过边缘滑动与后退/前进按钮的 popstate 事件？

    在 iOS 7 Safari 中 现在有两种后退 前进导航方式 使用底部的传统后退 前进按钮箭头或从屏幕边缘滑动 我正在使用动画在 ajax 应用程序中的页面之间进行转换 但如果用户通过边缘滑动进行导航 我不想触发该转换 因为这本身就是一个

  • 什么是 WKWebView 中的 WKErrorDomain 错误 4

    fatal error LPWebView encounters an error Error Domain WKErrorDomain Code 4 A JavaScript exception occurred UserInfo 0x7

  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容

  • 没有输入的 jQuery 日期选择器

    我有一个相当复杂的网络应用程序 我想向其中添加一些日期选择 UI 我遇到的问题是我无法从文档中弄清楚如何真正控制日期选择器的出现方式和时间 不涉及任何表单元素 不 我不会添加秘密表单字段 因此简单的开箱即用方法根本行不通 我希望有人可以提供

  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对

  • 禁用允许文本选择的？

    残疾人可以吗

随机推荐

  • 具有 null、未定义、空值和默认值的 npm joi

    我正在使用旧版本的 npm 模块 joi gt 10 2 2 我试图弄清楚如何构建架构 以便允许使用默认值为空 空 未定义的值 这有效https github com hapijs joi issues 516 https github c

  • Symfony 调用从变量中通过名称获取

    我想用数据库中存储的字段名调用 getter 例如 有一些字段名称存储如 id email name array Array id email name 通常 我会调用 gt getId 或 gt getEmail 在这种情况下 我就没有机

  • 无法使用 Windows 在 Rails 中安装 JSON gem

    我正在进行捆绑安装 除了 JSON 之外 所有 gem 都工作正常 当它到达 JSON gem 时 我收到此错误 Installing json 1 6 1 with native extensions c Ruby192 lib ruby

  • 如何使用 xslt 删除重复的 xml 节点？

    当所有变量都使用 xslt 完全匹配时 我想删除重复项 在此 xml 中 应删除节点 3 因为它是节点 1 的完美副本

  • 有/没有捕获变量的 lambda 之间的签名差异？

    我现在正在使用 C 11 发现使用 lambda 作为 sqlite 回调存在以下问题 当捕获 lambda 内的向量变量时 我收到一条错误消息 指出签名不匹配 不在 lambda 中使用该变量 代替 ret 并且不使用ret内 工作正常

  • 如何使用for循环减少编译时间

    我有下面的 R 代码 客观的 我正在尝试检查中存在的字符串kind对象是由以下内容组成的word通过迭代和比较两个对象的角色定位来识别对象 如果它是另一个的复合 则返回正值 否则返回负值 问题陈述 如果 kind 对象值在每个字符串中包含最

  • 如果当前阶段有任何作业，如何动态引用 Azure Pipelines 中的先前作业

    我正在尝试设置一个 azure yaml 管道 该管道使用两个部署模板来执行两个相应的作业 测试和部署 每个阶段的作业应按顺序运行 因为测试作业会创建部署作业使用的工件 这很好用 但是 对于一种环境 我将部署分为两个阶段 一个阶段仅运行测试

  • iOS中通过处理cookie来维护Session信息

    我是 iOS 开发新手 我正在使用 NSURLSession 来管理会话信息 下面是我用来调用任何服务器 API 的示例代码 NSURLSessionDataTask task NSURLSession sharedSession data

  • 如何将 DataGridViewComboBoxColumn 绑定到返回列表的对象的属性/方法？

    我有一个具有多个属性的自定义对象 其中一个属性返回一个列表 这是该对象的代码 public class SearchResult private int eventId private String eventTitle private i

  • 在子域上安装 GitLab

    我正在尝试在子域上安装 GitLab 我对网络服务器之类的东西不是很熟悉 知识很少 我目前通过以下方式连接到子域ssh email protected cdn cgi l email protection在 Mac 的终端上 然后我ls到子

  • 如何中断 Hover 的 handlerOut

    我有以下情况 我有一个对象 我们称之为 按钮 当您将鼠标悬停在 按钮 上时 它会使另一个对象 信息 向下滑动 当然 当你的鼠标离开Button时 Info就会向上滑动并消失 但是 Info 有一个链接 用户可能想要单击它 我可以延迟信息向上

  • 2 个向量的样本协方差

    我正在尝试计算这两个向量之间的样本协方差 我定义了一个带有两个输入变量的函数 不知道是否正确 我的样本协方差公式也无法运行 谁能帮我用R写出来 xv c 1 5 5 7 8 4 2 2 7 5 4 8 9 yv c 0 1 1 5 0 8

  • Android 2.0：支持Actionbar库（appcompat v7支持库无资源）：找不到资源@style/Theme.AppCompat.Light.DarkActionBar

    我跟着http developer android com guide topics ui actionbar html http developer android com guide topics ui actionbar html在

  • Python OrderedDict 与 dict() 比较

    这件事让我完全困惑不解 asset hist for key host val hist list in am output asset history items for index hist item in enumerate val

  • Gist (gist.el / Emacs) -- 在创建时设置“描述”

    默认行为gist region就是离开描述空白的 要设置描述 需要切换到gist list缓冲然后使用该函数gist edit current description设置描述 我希望能够设置描述在创建要点的同时 无需切换到gist list

  • php-ffmpeg 获取视频时长

    当我尝试使用 php ffmpeg 包装器和 ffprobe 获取视频的持续时间时 我得到一个巨大的对象 而不仅仅是持续时间 ffprobe FFMpeg FFProbe create ffprobe gt format this gt v

  • WebClient 下载文件已损坏

    我正在尝试使用 C WebClient 下载文件 这是网址 http www czce com cn cn DFSStaticFiles Future 2018 20180821 FutureDataClearParams txt http

  • 如何使用 CSS 网格布局在 CSS 中制作固定列？

    我制作了一个简单的网站 containerdiv 是两个 div 的父级 left and right 通过使用网格布局 https developer mozilla org en US docs Web CSS CSS Grid Lay

  • 为什么需要目标网络？

    我想了解为什么 DQN 中需要目标网络 我正在阅读有关 通过深度强化学习实现人类水平控制 的论文 我了解 Q learning Q learning 是一种基于价值的强化学习算法 它学习状态 动作之间的 最佳 概率分布 从而在一系列时间步长

  • 带有按钮和输入的弹出框 HTML 内容未呈现[重复]

    这个问题在这里已经有答案了 我正在尝试向弹出窗口添加按钮 但它似乎没有呈现 是像我那样做的还是有更好的方法 myinput popover trigger focus container body placement bottom html

热门标签