Question

我尝试在我的日历javascript代码中使用Bootstrap3 Tooltip。（你可以在这里看到截图：http://imagizer.imageshack.us/v2/800x600q90/163/9eav.jpg）

当我在日历div之外使用工具提示a href示例时，它正常工作。但如果我在我的js代码中使用这样的话;

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>';

不火，这里有什么不对？我已经使用相同的类和id的每个东西相同但不在javascript代码中工作。

Thanx Cihan。

Answer 1

很难猜到，因为你提供的代码非常少。

也许它与您eventLinkTarget的使用有关（遵循您的命名模式）可能应该是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();
  })

并且一切都应该像这个Plunker一样：http://plnkr.co/edit/k12zQGCU4utGROJmatfB?p=preview

Answer 2

您可以执行以下操作：

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);

或者也许绑定.tooltip(options);使用.on(否.bind(。

Bootstrap3工具提示当我在javascript代码中使用时，它并不是火

2 个答案: