bolshi
Goto Top

Abstand entfernen nach verschieben von div-Blöcken mit jQueryui position

Hallo,

auf meiner Testsite werkelt ein jQuery-script, welches per ui.position bestimmte div's an die entsprechenden Stellen bringt:

(function ($) {
  Drupal.behaviors.moveDivsAtTheRightPlace= {
    attach: function (context, settings) {
      $( ".flexslider" ).position({  
          my: "right bottom",  
          at: "right bottom",  
          of: ".region-main-upper"  
      });
      $( "#block-superfish-1" ).position({  
          my: "left bottom",  
          at: "left bottom",  
          of: ".region-main-upper"  
      });
      $( ".views-field-field-image-logo" ).position({  
          my: "left top",  
          at: "left center",  
          of: ".region-main-upper"  


          //of: ".region.region-main-upper" 
      });
    }
  };
})(jQuery);

Link Testsite: http://viawebservice03.europa-uni.de/

Blöderweise bleibt nach dem Verschieben des div's ein dicker oberer Rand, quasi der Abstand zwischen der ursprünglichen Position des div's und der neuen Position nach dem Verschieben.

Ben Alman beschreibt in seinem jQuery tutorial, wie per resize() die Höhe des div's auf 'normal' gebracht werden kann:

http://benalman.com/code/projects/jquery-resize/examples/resize/

Scheint aber der falsche Ansatz zu sein.

$('.flexslider-nav-container').resize();

Zumindest lässt sich das parent-div damit nich überreden zu seiner Normalhöhe zurückzufinden.

Als nächstes probiere ich die oben verbliebenen div's per ui.position() auf dieselbe Höhe zu verschieben, wie ".flexslider", "#block-superfish-1" und ".views-field-field-image-logo".


Sollte jemand merken, dass ich auf dem Holzweg bin: Bitte laut rufen ;)


Grüße, bolshi

Content-ID: 272115

Url: https://administrator.de/contentid/272115

Ausgedruckt am: 22.11.2024 um 21:11 Uhr