tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/59518-fehler-bug-festgestellt-die-slides-im-2-tab-werden-manchmal-vertauscht-pfeile-navigation-funktioniert-nur-verkehrt-herumRockSolid Themes: Discussion 2020-09-09T09:49:22Ztag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T09:49:55Z2020-09-07T09:49:56ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Noch ein Beispiel einer betroffenen Seite:<br>
<a href="https://www.jotec.com/en/products/abdominal-stent-grafts/e-vita-abdominal-xt.html">https://www.jotec.com/en/products/abdominal-stent-grafts/e-vita-abd...</a></p></div>Felix Kautniktag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T10:05:58Z2020-09-07T10:05:59ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Noch zur Ergänzung den Link zum deutschen Inhalt.<br>
<a href="https://www.jotec.com/de/produkte/abdominelle-stentgrafts/e-vita-abdominal-xt.html">https://www.jotec.com/de/produkte/abdominelle-stentgrafts/e-vita-ab...</a><br>
Das Problem ist beim unteren Slider zu sehen. Auf dem TAB "Stentgraf" funktioniert er noch wie gewünscht. Auf dem zweiten TAB "Einführsystem" wird das 2. Bild angezeigt, obwohl die Slidernavigation unten das erste Bild anzeigt. Man kann nicht nach rechts sliden, nur nach links. Danach funktioniert der Slider wieder wie gewohnt.</p>
<p>Wenn man die beiden Sildes tauscht, bekommt wieder der Slider im 2. TAB das Problem, egal welchen Slider man hier einbindet.</p>
<p>Gruß A. Bohlig</p></div>Andreas Bohligtag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T12:26:54Z2020-09-07T12:26:54ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Vielen Dank für Ihre Frage.</p>
<p>Damit der Slider seine Größe korrekt berechnen kann, muss das Tab-Skript einen Window-Resize-Event auslösen nachdem der Tab mit dem Slider eingeblendet wurde.</p>
<p>Sie können dafür z. B. folgendes JavaScript verwenden:</p>
<pre>
<code>jQuery('.ce_tabcontrol .tab-link').on('click', function() {
setTimeout(function() {
var evt = document.createEvent('HTMLEvents');
evt.initEvent('resize', true, true);
window.dispatchEvent(evt);
});
});</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T12:54:49Z2020-09-07T12:54:53ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Vielen Dank für Ihre Antwort.<br>
Ich habe das Script eingebunden, jedoch bleibt der oben beschrieben Fehler noch bestehen.</p>
<p>Viele Grüße,<br>
Felix Kautnik</p></div>Felix Kautniktag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T12:59:56Z2020-09-07T12:59:56ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Wir konnten das Skript auf Ihrer Seite nicht entdecken. An welcher Stelle haben Sie es eingefügt?</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T15:11:02Z2020-09-07T15:11:03ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Sorry, das war auf unserem Staging Server. Jetzt steht es auch auf dem Liveserver zur Verfügung.</p></div>Andreas Bohligtag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-07T15:19:26Z2020-09-07T15:19:28ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Wir haben das Skript relativ am Ende in die files/js/scripts.js integriert.</p></div>Andreas Bohligtag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-08T10:54:09Z2020-09-08T10:54:09ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Das Tab-Script das Sie einsetzen blendet anscheinend den Tab nicht direkt nach dem Klick ein.</p>
<p>Mit dem Bootstrap-Tab-Event <code>shown.bs.tab</code> sollten Sie den korrekten Zeitpunkt abfangen können:</p>
<pre>
<code>jQuery('.ce_tabcontrol .tab-link').on('shown.bs.tab', function() {
var evt = document.createEvent('HTMLEvents');
evt.initEvent('resize', true, true);
window.dispatchEvent(evt);
});</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-08T14:58:43Z2020-09-09T09:47:01ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><p>Das sieht sehr gut aus. Es scheint zu funktionieren. Man lernt doch nie aus.<br>
Wann ist dieses Skript einzusetzen? Empfiehlt sich das grundsätzlich?</p>
<p>Vielen Dank für die Unterstützung.</p>
<p>Beste Grüße<br>
Andreas Bohlig</p></div>Andreas Bohligtag:help.rocksolidthemes.com,2012-07-23:Comment/486089702020-09-09T09:49:19Z2020-09-09T09:49:19ZFehler: Bug festgestellt - Die Slides im 2. Tab werden manchmal vertauscht, Pfeile-Navigation funktioniert nur verkehrt herum<div><blockquote>
<p>Empfiehlt sich das grundsätzlich?</p>
</blockquote>
<p>Einen Window-Resize event zu triggern nachdem man Inhalte einblendet die fremde JavaScript-Widgets enthalten ist grundsätzlich eine gute Idee aus unserer Sicht, da der Resize-Event von den meisten Skripten behandelt wird.</p></div>RockSolid Themes