Lavalamp JQuery Plugin zum Arbeiten mit Dropdown -Menü erhalten?

Question

Ich habe ein Problem mit dem JQuery Lavalamp Plugin. Es funktioniert perfekt mit einem einstufigen Menü, aber nach dem Hinzufügen eines Dropdowns wird es etwas verloren. Hier ist was ich meine: http://screenr.com/0fs.

Natürlich möchte ich, dass der Lavalamp -Hintergrund auf dem Portfolioelement bleibt, wenn der Benutzer über die Unterteile schwebt.

Ich denke, es geht darum, das Plugin leicht zu ändern. Hier ist der vollständige Code des Plugins. Was benötigt wird, ist nur eine einfache Möglichkeit, den Lavalamp auf der aktuellen Phase zu stoppen, wenn <li>Die Kinder sind schwebend und arbeiten dann normal nach. Hier ist der vollständige Plugin -Code als Referenz!

(function($) {
$.fn.lavaLamp = function(o) {
o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});

return this.each(function() {
    var me = $(this), noop = function(){},
        $back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
        $li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];

    $li.not(".back").hover(function() {
        move(this);
    }, noop);

    $(this).hover(noop, function() {
        move(curr);
    });

    $li.click(function(e) {
        setCurr(this);
        return o.click.apply(this, [e, this]);
    });

    setCurr(curr);

    function setCurr(el) {
        $back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
        curr = el;
    };

    function move(el) {
        $back.each(function() {
            $(this).dequeue(); }
        ).animate({
            width: el.offsetWidth,
            left: el.offsetLeft
        }, o.speed, o.fx);
    };

});
};
})(jQuery);`

Danke im Voraus.

Answer 1

Das Fix dafür besteht darin, den Hover () im Lavalamp in Mausover zu ändern, wie auf der folgenden Seite angezeigt.

http://hekimian-williams.com/?p=146

Answer 2

Ich habe zusätzliche Klasse auf höchster Level LI hinzugefügt und die JS aktualisiert:

$li = $("li.top-level-item", this),