$(document).ready qtip后怎么在后面动态改变呢 _JavaScript

$(document).ready qtip后如何在后面动态改变呢？

JScript code


    <script type="text/javascript">

        $(document).ready(function () {
            $("#a_qqweibo").qtip({
                content: {
                    text: $("#TxtQQWeibo").val(),
                    title: { text: "提示标题", button: "关闭" }
                },
                position: {
                    my: 'top left',        
                    at: 'bottom right'
                },
                show: {
                    event: 'click',
                    modal: false,
                    ready: false
                },
                hide: {
                    event: 'blur', 
                }
            });

        });

    </script>

$("#a_qqweibo") 是个A链接，$("#TxtQQWeibo")是个文本框

这里用到了qtip2，想要的效果是点击A后给出的提示是文本框里输入的内容

但是因为是在$(document).ready中写的，后面不跟着文本框的改变而改变了。

请教大家如何搞才能实现这个功能呢？

------解决方案--------------------

JScript code

$(document).ready( function() {
    $("#a_qqweibo").qtip({
        content: {
            text: 'DEFAULT'
        }
    });
    $("#TxtQQWeibo").change( function() {
        $("#a_qqweibo").qtip('option', 'content.text', $(this).val());
    });
});

$(document).ready qtip后 怎么在后面动态改变呢

$(document).ready qtip后怎么在后面动态改变呢