jquery динамическая подсказка

Question

Хотите показать подсказку с динамическими данными при нажатии на Перепробовал много плагинов, но не достиг своей цели.

Вот мой код:

<script type="text/javascript">
$(document).ready(function () {
    $("#tbl td").click(function () {
        $.ajax({
            type: "POST",
            url: '@Url.Action("GetCellData")',
            dataType: 'JSON',
            data: {
                time: $(this).parent().children().index($(this)),
                name: $('td:first', $(this).parents('tr')).text(),
                type: $('input[name="t"]:checked').val()
            },
            success: function (response) {    
                   ///
                   ///        HERE I NEED TO SHOW TOOLTIP
                   /// 
            }
        });
    });
});

Мне нужно использовать «ответ» в обратном вызове, чтобы показать его во всплывающей подсказке, при щелчке мышью на ячейку. Не могли бы вы порекомендовать мне плагин, для моей проблемы.

Answer 1

Примерно так

    $(document).ready(function () {
        $("#tbl td").click(function () {
            var $td = $(this);
            $.ajax({
                type: "POST",
                url: '@Url.Action("GetCellData")',
                dataType: 'JSON',
                data: {
                    time: $(this).parent().children().index($(this)),
                    name: $('td:first', $(this).parents('tr')).text(),
                    type: $('input[name="t"]:checked').val()
                },
                success: function (response) {
                   var pos = $td.position();
                   $('#tooltip').remove();
                   $('<div/>',{html:response, id:'tooltip'}).css({left:pos.left+10+'px', top:pos.top+10+'px'}).prependTo( 'body' );
                }
            });
        });
    });

и в вашем css создайте эти правила

#tooltip{
    position:absolute;
    width:150px;
    padding:15px;
    border:1px solid #000;
    background-color:#fff;
    color:#000;
}

Вы можете стилизовать всплывающую подсказку, как вам угодно, конечно ..

демо http://jsfiddle.net/gaby/fFDhB/1/

Answer 2

Мне очень нравится этот: http://vadikom.com/demos/poshytip/

K

Answer 3

http://plugins.learningjquery.com/cluetip/demo/

или, пожалуйста, укажите те, которые вы пробовали