/ / Wie man die Position der Isotopenelemente auf Relativ setzt - jquery, html, css, jquery-isotope

Wie man die Position der Isotope Elemente relativiert - jquery, html, css, jquery-isotope

Ich verwende Isotope, um Daten dynamisch zu laden, sobald sie eingehen. Ich initialisiere Isotope auf dem Container wie folgt:

var $container = $("#content-main-list");
var imgLoad = imagesLoaded($container);

imgLoad.on("always", function() {
$container.isotope({
itemSelector : "article",
layoutMode: "straightDown",
position: "relative",
isFitWidth: false,
resizable : false,
});
});

Dies führt dazu, dass der folgende HTML-Code erstellt wird:

<div id="content-main-list" class="isotope" style="position: relative; overflow: hidden; height: 15670px;">
<div class="blog">
<article class="format-standard isotope-item" style="margin-right: 10px; display: block; position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
. . .
</article>
</div>
<div class="blog">
. . .
<div>
<div class="blog">
. . .
<div>
</div>

Ich möchte, dass die Elemente (Artikel) eine habenrelative Position anstelle einer absoluten. Gibt es eine Möglichkeit, dies einfach zu tun? Isotope scheint alle meine Versuche zu überschreiben, sicherzustellen, dass Artikel relativ und nicht absolut bleiben.

Danke für jede Hilfe.

Antworten:

1 für die Antwort № 1

Versuche es hinzuzufügen !important. Dies ist ein CSS - Schlüsselwort, um eine Eigenschaft als wichtig zu kennzeichnen, was das Überschreiben sehr erschwert position : relative;, schreiben position : relative!important;