Vanilla 1.1.2 Forum von Lussumo. Weitere Informationen: Dokumentation, Community.

Templates / HTML / CSS: div class dynamisch ändern

Ende der Seite

1 bis 6 von 6

  1.  
    • CommentAuthorezail
    • CommentTime10.07.2012
     permalink
    Guten Abend,

    seit kurzem beschäfitge ich mich mit Modx und habe folgendes Problem:
    ich habe mein Menü mit Wayfinder umgesetzt. Jetzt versuche ich eine Klasse (beihnaltet nur einen Rahmen) meines Content- Divs per Jquery, bei klick auf ein Menu- Item zu ändern. Die Klasse wird dem Div auch kurz hinzugefügt, verschwindet aber sofort nach dem Klick wieder.

    Kann mir jemand sagen, warum die Klasse nicht behalten wird und ob es eine Alternative zu Jquery gibt um das umzusetzen?

    Danke im Voraus!

    lg

    ez
    • CommentAuthorMarkus1
    • CommentTime10.07.2012
     permalink
    mit .addClass von jquery?
    • CommentAuthorezail
    • CommentTime10.07.2012 bearbeitet
     permalink
    ja, habe dummerweise den original code nicht mehr.
    ich such nochmal... finds bestimmt
    • CommentAuthorezail
    • CommentTime10.07.2012
     permalink
    kann das an wayfinder angepasste script nicht finden. Mit folgendem passiert das selbe...


    <script type="text/javascript">
    $("a").click(function () {
    $('#test').removeClass('selecteddiv');
    $('a').removeClass('selected');
    $('a').removeClass('selectedsub');
    $('#content').removeClass('rot');
    $('#content').removeClass('gelb');
    $('#content').removeClass('gruen');
    $('#content').removeClass('weiss');
    $('#content').removeClass('blau');
    $('#content').removeClass('hellblau');
    $('#content').removeClass('dunklerblau');
    $('#content').removeClass('orange');
    $('#content').removeClass('lila');


    if if ($(this).is('.blauunten')){
    $('#content').addClass('blau');
    $(this).addClass('selected');
    $('#test').addClass('selecteddiv');
    } else if ($(this).is('.dunklerblauunten')) {
    $('#content').addClass('dunklerblau');
    $(this).addClass('selectedsub');
    $('#test').addClass('selecteddiv');
    } else if ($(this).is('.hellblauunten')) {
    $('#content').addClass('hellblau');
    $(this).addClass('selectedsub');
    $('#test').addClass('selecteddiv');
    } else if ($(this).is('.lilaunten')) {
    $('#content').addClass('lila');
    $(this).addClass('selected');
    } else if ($(this).is('.rotunten')) {
    $('#content').addClass('rot');
    $(this).addClass('selected');
    } else if ($(this).is('.orangeunten')) {
    $('#content').addClass('orange');
    $(this).addClass('selected');
    } else if ($(this).is('.gelbunten')) {
    $('#content').addClass('gelb');
    $(this).addClass('selected');
    } else if ($(this).is('.gruenunten')) {
    $('#content').addClass('gruen');
    $(this).addClass('selected');
    } else{
    $('#content').addClass('weiss')}
    });
    </script>



    Das war mein erster von gefühlten 1000 versuchen
    •  
      CommentAuthorJako
    • CommentTime10.07.2012 bearbeitet
     permalink
    Ohne ein event.preventDefault http://api.jquery.com/event.preventDefault gibt es nach dem Click immer ein reload der Seite. Insofern verschwindet die zugewiesene Class.
    • CommentAuthorezail
    • CommentTime10.07.2012
     permalink
    weltklasse!
    Vielen Dank!!
    jetzt funktionierts...

    :grin:

1 bis 6 von 6

  1.