Qtip：在使用knockout渲染之前显示内容

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/