3 berichten aan het bekijken - 1 tot 3 (van in totaal 3)
  • Q:
    Bijdrager
    jafd01

    Menu erg traag in IE8 (jquery/js) in Safari,Chrome,Firefox normaal

    Hallo allemaal,

    hopelijk kan iemand mij helpen met mijn code want ik zit nu echt vast, na te lang turen en gluren naar mijn beeld begin ik toch echt gek te worden.

    Mijn probleem is dat de overlay echt een te dikke vertraging heeft in IE8.
    Ook al wil ik zelf niet met IE werken is het toch noodzakelijk want mijn klant zijn doelgroep is 80% ie gebruiker.

    Als ik het open in de andere browsers loopt die soepel en snel.
    Zelf denk ik dat het puur aan de code ligt maar zelf kom ik er echt niet meer uit.

    Hopelijk is hier iemand die echt een pro in javascript & jquery is zoja en kan jij me helpen dan ben ik echt super blij:)

    dit is mijn code in .js:
    $(function () {
    var $oe_menu = $(‘#oe_menu’);
    var $oe_menu_items = $oe_menu.children(‘li’);
    var $oe_overlay = $(‘#oe_overlay’);

    $oe_menu_items.each(function(){
    var $this = $(this);
    $this.data(‘div-children’, $this.children(‘div’));
    });

    $oe_menu_items.bind(‘mouseenter’, function () {
    var $this = $(this);
    $this.addClass(‘slided selected’);
    $this.data(‘div-children’).css(‘z-index’, ‘9999’).stop(true, true).slideDown(300, function () {
    $oe_menu_items.not(‘.slided’).data(‘div-children’).hide();
    $this.removeClass(‘slided’);
    });
    }).bind(‘mouseleave’, function () {
    var $this = $(this);
    $this.removeClass(‘selected’).data(‘div-children’).css(‘z-index’, ‘1’);
    });

    $oe_menu.bind(‘mouseenter’, function () {
    var $this = $(this);

    $this.addClass(‘hovered’);
    }).bind(‘mouseleave’, function () {
    var $this = $(this);
    $this.removeClass(‘hovered’);

    $oe_menu_items.children(‘div’).hide();
    })
    });

    Als er meer voorbeelden nodig zijn dan plaats ik die graag.

    Bijdrager
    mtooster

    kun je dit misschien in een pastie zetten (http://pastie.org/)
    Het OMT-forum is op z’n zachts gezegd nog niet geschikt om code te plaatsen.

    En heb je misschien ook een voorbeeld van hoe het er uit zou moeten zien?

    Edit: Ik ben zelf even zo vrij geweest; http://pastie.org/1455462

    Bijdrager
    jafd01

    http://centraaloost.nl/testmenu

    Dit is het menu.

    Als je het opent in IE8 dan zie je hem trager werken.

    Ligt het nou aan de jQuery code of aan html opbouw of aan css?

    kan iemand dat toevallig zien?

    gr,
    J

3 berichten aan het bekijken - 1 tot 3 (van in totaal 3)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.