Twitter bootstrap Bootstrap3工具提示当我在javascript代码中使用它时';这不是火
我尝试在日历javascript代码中使用Bootstrap3工具提示。(您可以在此处看到屏幕截图:) 当我在calendar div之外使用工具提示a href示例时,它的fire工作正常。但是如果我在我的js代码中使用这样的代码Twitter bootstrap Bootstrap3工具提示当我在javascript代码中使用它时';这不是火,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我尝试在日历javascript代码中使用Bootstrap3工具提示。(您可以在此处看到屏幕截图:) 当我在calendar div之外使用工具提示a href示例时,它的fire工作正常。但是如果我在我的js代码中使用这样的代码 var eventTitle = '<a href="'+event.url+'" id="myTooltip" data-toggle="tooltip" data-placement="right" data-original-title="'+event
var eventTitle = '<a href="'+event.url+'" id="myTooltip" data-toggle="tooltip" data-placement="right" data-original-title="'+event.title+'" target="' + eventLinkTarget + '" class="eventTitle">' + useTitle + '</a>';
var eventTitle='';
不是火,这里怎么了?我已经使用了相同的a类和id的所有东西,但没有在javascript代码中工作
Thanx Cihan。很难猜测,因为您对代码的支持很少 它可能与您使用的
eventLinkTarget
有关,而event.LinkTarget(遵循您的命名模式)可能应该是event.LinkTarget
或者,您可能正在页面上不存在var eventTitle
的位置设置工具提示(例如,通过ajax检索)
尝试按以下方式设置脚本:
$(function(){
//Setup some variables
var event={};
event.url="xxx";
event.title="zzz";
event.LinkTarget="yyy"
var useTitle="aaa"
//create dynamic link
var eventTitle = '<a href="'+event.url+'" id="myTooltip" data-toggle="tooltip" data-placement="right" data-original-title="'+event.title+'" target="' + event.LinkTarget + '" class="eventTitle">' + useTitle + '</a>';
//append dynamic link somwhere on the page
$('body').append(eventTitle);
//apply tooltip to all eventTitles
$('.eventTitle').tooltip();
})
$(函数(){
//设置一些变量
var事件={};
event.url=“xxx”;
event.title=“zzz”;
event.LinkTarget=“yyy”
var usetTitle=“aaa”
//创建动态链接
var eventTitle='';
//在页面上的何处追加动态链接
$('body').append(eventTitle);
//将工具提示应用于所有事件标题
$('.eventTitle').tooltip();
})
在这个Plunker中,一切都应该是这样的:您可以执行以下操作:
var eventTitle = '<a href="'+event.url+'" id="myTooltip" data-toggle="tooltip" data-placement="right" data-original-title="'+event.title+'" target="' + eventLinkTarget + '" class="eventTitle">' + useTitle + '</a>';
$(eventTitle).tooltip(options);
var eventTitle='';
$(eventTitle).工具提示(选项);
或者在绑定.tooltip(选项)的任何地方代码>使用.on(
否.bind(
)