JQuery Conflict /不工作1.5.2

Question

我目前有这个与1.5.2完美配合的JQuery代码，但不适用于最新的Jquery库：

$(function() {

var $el, leftPos, newWidth,
    $mainNav = $("#example-one");

$mainNav.append("<li id='magic-line'></li>");
var $magicLine = $("#magic-line");

$magicLine
    .width($(".current_page_item").width())
    .css("left", $(".current_page_item a").position().left)
    .data("origLeft", $magicLine.position().left)
    .data("origWidth", $magicLine.width());

$("#example-one li a").hover(function() {
    $el = $(this);
    leftPos = $el.position().left;
    newWidth = $el.parent().width();
    $magicLine.stop().animate({
        left: leftPos,
        width: newWidth
    });
}, function() {
    $magicLine.stop().animate({
        left: $magicLine.data("origLeft"),
        width: $magicLine.data("origWidth")
    });    
});
});

请你告诉我为什么这不起作用以及我需要实现什么才能使它与最新版本一起使用？1.11.0？

请在此处查看小提琴：http://jsfiddle.net/danieljoseph/U8aRp/

在JQuery 1.8.3 +上运行时，橙色线会消失。

由于