Bootstrap3 Tooltip當我使用JavaScript代碼時，它不是火

我嘗試在我的日曆JavaScript代碼中使用Bootstrap3 Tooltip。（你可以在這裏看到屏幕截圖：http://imagizer.imageshack.us/v2/800x600q90/163/9eav.jpg）Bootstrap3 Tooltip當我使用JavaScript代碼時，它不是火

當我使用tooltip日曆div之外的href示例時，它的fire工作正常。但是，如果我在我的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。

來源

2014-01-14 Webdeveloper

很難猜測，因爲您的代碼非常少。

也許它與你的使用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

來源

2014-01-14 12:26:17 mainguy

你可以做到以下幾點：

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(。

來源

2014-01-14 12:27:51 pascalvgemert

Bootstrap3 Tooltip當我使用JavaScript代碼時，它不是火

回答

相關問題