日期:2014-05-16  浏览次数:20413 次

$(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());
    });
});