將jquery Alert轉換爲tipTip工具提示

我在我的項目中設置了以下代碼作爲當用戶單擊div時觸發的警報。 div是水平條形圖元素，每個對應於一個特定的測量。警報彈出一堆關於這些測量值的信息。將jquery Alert轉換爲tipTip工具提示

 $(document).on('click', '.state-entry', function() { 

     var startDate = $('#datepicker').datepicker('getDate'); 
     var duration = seconds2time(Math.round($(this).data('duration') * 86400)); 

     startDate.setSeconds(86400 * $(this).data('start')); 

     var endDate = $('#datepicker').datepicker('getDate'); 
     endDate.setSeconds(Math.round(86400 * $(this).data('start') + $(this).data('duration') * 86400)); 

     alert($(this).data('resource') + ' changed state to ' + $(this).data('state') + ' (' + stateNames[$(this).data('state')] + ')\r\nStart Time: ' + startDate.toLocaleTimeString() + '\r\nEnd Time: ' + endDate.toLocaleTimeString() + '\r\nDuration: ' + duration); 

     event.preventDefault(); 
     event.stopPropagation(); 
     return false; 
    });

我只是想將所有這些信息移動到工具提示而不是警報。我似乎沒有做正確的事。

我想每tipTip的文檔以下先手工具提示本身出現，它不工作：

$(function(){ 
$(".state-entry").tipTip({maxWidth: "auto", edgeOffset: 10}); 
});

我怎麼會在這個信息移動在我的jQuery這種提示類型，不知道是什麼我錯過了。謝謝！

來源

2013-04-01 Lorenzo

噢，如果需要更多的代碼/我需要建立一個的jsfiddle，我可以。但希望這足以讓你瞭解我正在使用的代碼。再次感謝。 – Lorenzo

但是..在更多的代碼有時是有幫助的.... BTW ..你如何包括你的tipTip腳本...你應該這樣做後包括jquery js –

我會扔在一起jsfiddle所以所有的代碼可以可見。給我一點時間。謝謝。 – Lorenzo

我假設你正在動態添加state-entry div？

如果是這樣，當你創建一個你必須tiptip它創建時。

here is a fiddle that shows dynamic elements not working unless you tiptip them.

來源

2013-04-01 19:02:14

嘿，感謝您的輸入。是的，這些'.state-entry'都是動態創建的。當他們被創建並在稍後評論/讚揚時，我會嘗試與tiptip一樣。感謝所有的投入人員。（是的，無法真正使用jsfiddle，這裏有很多代碼在css/html/js中，但可能是這樣） – Lorenzo

將jquery Alert轉換爲tipTip工具提示

回答

相關問題