Question

玩http://tympanus.net/Tutorials/CufonizedFlyOutMenu/ 我删除了飞入描述，现在试图让它加载额外的li，其样式将会突显出来＃34; li.current-menu-item。

它设置了一个对象：

var $moving = $('<li />',{
    class : 'move',
    top   : $selected[0].offsetTop + 'px',
        width : $selected[0].offsetWidth + 'px'
    });

稍后在代码中，它被操作：

function moveTo($elem,speed){
    $moving.stop(true).animate({
        top     : $elem[0].offsetTop + 'px',
        width   : $elem[0].offsetWidth + 'px'
    }, speed, 'easeOutExpo');
}

它会创建我想要的li项目......但它会显示如下：

<li class="move" top="41px" style="width: 73px; "></li>

如何让顶部显示为样式？一切都在工作......但是在页面加载时它没有得到＆＃34; top＆＃34;风格直到一切都开始了？

我装了一个http://jsfiddle.net/jq7YQ/26/，但我根本无法让它在那里工作......叹息......但它在本地有用吗？

我是一个新手......所以我可能错过了一些愚蠢的事情......或者有更好的方法可以做到这一点？有什么想法吗？

Answer 1

该示例使用了jQuery UI（缓动）的一部分，因此您需要包含它。该网站链接到'http://tympanus.net/Tutorials/CufonizedFlyOutMenu/jquery.easing.1.3.js'，如果您将此作为资源添加到小提琴中，则所有应该都有效。

http://jsfiddle.net/rlemon/jq7YQ/28/检查一下。我所做的只是添加jQuery缓动文件（包含在jQuery UI中）

here是您问题的“选定”部分的示例。

jquery弹出菜单背景李

1 个答案: