Почему не работает скрипт?

Question

[mrzgt]

Подскажите почему может не срабатывать remove

$(document).ready(function(){
  $('#menu .dropdown >.dropdown-menu').hover(
    function() {
      $("#menu .dropdown .dropdown-toggle").after('<div id="menu_background"></div>');
    }, function() {
     $("#menu_background").remove();
    }
  );
});

Comments

[Арсений Матыцин]

Свой ответ я ликвидирую, так как на поверку он оказался не в тему. Благодарю за внимание.

Answer 1

[pashted]

если я правильно понял задумку, то вот так должно сработать. код практически эквивалентен вашему. вторая функция срабатывает при уводе курсора с меню

$(document).ready(function () {
    $('#menu .dropdown >.dropdown-menu').on(
        {
            mouseenter: function () {
                $("#menu .dropdown .dropdown-toggle").after('<div id="menu_background"></div>');
            },
            mouseout:   function () {
                $("#menu_background").remove();
            }
        }
    );
});

если этот код тоже не работает, то объяснение вижу только одно: у вас на странице несколько элементов #menu_background. а поиск по id ведется так, что находится первый попавшийся. id обязательно должен быть уникальным на странице. как вариант, можно воспользоваться классом, вместо id

Comments

[mrzgt]

спасибо,так тоже побывал,но почему не срабатывает с mouseleave , remove

[pashted]

mrzgt, обновил ответ.