如何在 Twitter Bootstrap 的弹出窗口中插入输入文本？答案

【问题标题】：How do I insert input text in a popover from Twitter Bootstrap?如何在 Twitter Bootstrap 的弹出窗口中插入输入文本？
【发布时间】：2013-02-20 01:30:09
【问题描述】：

我正在尝试修改来自 Twitter Bootstrap 的弹出框的外观。我不想让一个只有标题和文本的弹出框，而是用一个按钮输入文本。

有可能吗？

【问题讨论】：

标签： javascript html css twitter-bootstrap popover

【解决方案1】：

是的，你可以做到。您需要在data-original-title 中提供HTML。

<a href="#" data-toggle="tooltip"
   title="Name: <input type='text' />">Enter your name!</a>

演示：jsFiddle

在你的情况下，它会是：

<a href="#" data-toggle="tooltip"
   data-original-title="Name: <input type='text' class='span1' /> <input type='button' class='btn'
   value='Save' />">Enter your name!</a>

演示：jsFiddle

【讨论】：

谢谢！！这正是我想要的！
@FelipeMosso 很高兴它有帮助... :) 欢迎！ :)
我尝试在我的 .html 文档中使用此代码，但它无法将 data-original-title 标记识别为 HTML 代码。它只是在弹出框上打印代码。你有什么提示吗？ :)
什么？如何？好的。做这个。在$(document).ready(function(){}); 中给出这个：$('a[data-toggle="tooltip"]').tooltip() 然后试试？
我发现我做错了什么。我应该添加 data-html="true" 以将 data-original-title 属性解释为一段 HTML 代码。