jquery - Qtip：内容在使用淘汰赛渲染之前显示

Question

我的 Qtip 内容是动态的，它的内容设置为一个 div，其中的元素动态绑定。由于绑定是在获取内容之后进行的，因此不会显示 Qtip 内容。

 <td><a href="#" id="qtipselector_01" data-bind="text: title, loadqtip: true"></a>
          <div id="TooltipContent_01" class="hidden">
            <a data-bind="text: title"></a>                 
          </div>
  </td>

我将 $(element).next().html() 用于内容，但 html 在分配时仍未呈现。

 ko.bindingHandlers.loadqtip = {
        init: function(element, valueAccessor) {
                $(element).qtip({
                    content: $(element).next().html(),
                    position: {
                        my: 'left center', 
                        at: 'center right'
                    },
                    show: 'mouseenter',
                        hide: {
                            fixed: true,
                            delay: 500,

                            when: {
                                event: 'unfocus'
                            }
                        },
                    style: {
                        tip: {
                          width: 20,
                          height: 14,
                        },
                        width:280,
                        height:100,    
                        classes: 'qtip-light qtip-shadow qtip-rounded',

                    }
                });
        }
    };

jsFiddle 示例：http: //jsfiddle.net/adi85/kq44S/1/