我想在文本框初始化之后更改Bootstrap工具提示的位置:
// these don't work
$('#myTextbox').tooltip({ placement: 'left' });
$('#myTextbox').tooltip('options', 'placement', 'right' });
有什么办法吗？如果是这样,我做错了什么？
我正在使用Twitter Bootstrap包中的工具提示来显示页面上的项目信息.有时信息会发生变化,需要在工具提示中进行更新.我尝试用新标题重新初始化工具提示:
$('#selector').tooltip({ title: 'new text'});
但是,新文本不会更改工具提示的标题.它与最初设定的相同.任何想法为什么,有什么工作吗？谢谢!
我试图动态更改工具提示位置,但它不起作用.
<input type="text" id="sample" title="Tip">
<button name="change me" id="changeBtn">Change Tool Tip!</button>
而对于js:
//Initiall tooltip for all elements
$("[title!='']").tooltip();
$("#changeBtn").click(function () {
//Change tooltip placment
$("#sample").tooltip({placement : 'left'}).tooltip('show');
})
我在点击更改Twitter Bootstrap Tooltip内容时找到了一个很好的答案,其中显示了如何使用tooltip('fixTitle')方法动态更改工具提示文本.但找不到放置的东西.
帮助我,因为我是jQuery和web开发的新手.我的要求是在文本框中椭圆化(...)长文本,然后如果鼠标悬停在它们上面,则在工具提示中显示全文.
为此,我使用了Bootstrap的工具提示.我做的是以下内容:
下载了bootstrap js并包含在我的文件中,如下所示:
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
像这样改变了我的元素
<input type="text" name="tooltip" id="samplebox" data-toggle="tooltip" title="Ankit" >
为了动态更新标题,我使用了jQuery
<script>
$(document).ready(function(){
$(" #samplebox ").mouseenter(function(){
var word = document.getElementById("samplebox").value;
$(" #samplebox ").attr('title', word);
});
});
</script>
这适用于那一个元素.
现在我必须为更多的文本框做同样的事情,其数量可以继续增加.现在,我想创建一个通用函数,我可以传递该元素的id,并将鼠标悬停在任何文本框上.