javascript - jQuery 工具提示 : Trouble with remove()

Question

我正在使用 jQuery tooltip插件。

我有这样的 HTML:

<li class="term ui-droppable">
    <strong>Fall 2011</strong>
    <li class="course ui-draggable">Biological Statistics I<a class="remove-course-button" href="">[X]</a></li>
    <div class="term-meta-data">
         <p class="total-credits too-few-credits">Total credits: 3</p>
         <p class="median-GPA low-GPA">Median Historical GPA:  2.00</p>
    </div>
</li>

我想删除.course元素。因此，我将一个点击处理程序附加到 <a> :

function _addDeleteButton(course, term) {
    var delete_button = $('<a href="" class="remove-course-button" title="Remove this course">[X]</a>');
    course.append(delete_button);

    $(delete_button).click(function() {
        course.remove();
        return false;
    }).tooltip();
}

在附加点击处理程序方面，这一切都工作正常。然而，当 course.remove()被调用时，Firebug 在 tooltip.js 中报告错误:

Line 282
tsettings is null

if ((!IE || !$.fn.bgiframe) && tsettings.fade) {

我做错了什么？如果链接附加了工具提示，我是否需要专门将其删除？

更新:删除 .tooltip()解决这个问题。我想保留它，但这让我怀疑我使用了 .tooltip()这里不正确。

Answer 1

我遇到了同样的问题，最终不得不延迟调用 .remove() 以防止出现错误。因此，类似以下内容可能适合您:

$(delete_button).click(function() {
   setTimeout( function() { course.remove() } , 1);
   return false;
}).tooltip();