Der Inhalt meiner Seite wird unter Verwendung verschiedener Links umgeschaltet, wobei jeweils ein div mit einer jQuery-Funktion 'showonlyone' angezeigt wird. Beim Laden der Seite sollte keines der divs angezeigt werden. Ich habe es funktioniert gut, bis ich versuchte, einen Bild-Slider (BxSlider) in einem der divs, newboxes1 .
Außerhalb der Box funktioniert der bxSlider einwandfrei. In ihm zeigen sich die Bilder nicht. Siehe Live-Beispiel hier .
So sieht mein Code aus:
%Vor%Ich benutze
%Vor% im CSS, sodass keine divs angezeigt werden, wenn die Seite geladen wird. Wenn Sie dies aus dem CSS entfernen, wird das bxSlider-Problem gelöst, wie Sie hier sehen können. Der Inhalt wird jedoch angezeigt, wenn die Seite geladen wird, während ich möchte, dass alle Inhalte ausgeblendet werden. Jeder Versuch, display:block oder display:none an anderer Stelle im Code zu verwenden, war nicht erfolgreich.
Kann jemand an eine Möglichkeit denken, das zu beheben? Danke.
Ich hatte das ähnliche Problem mit dem bxSlider-Plugin: Wenn das DIV, das es enthielt, anfänglich display:none ausgeblendet war, wurde die Diashow nicht angezeigt, wenn ich das DIV $('#div-id').show(); sichtbar machte. Es wurden nur die Steuerschaltflächen für die Diashow angezeigt. Dann habe ich das Problem so gelöst:
Wie Sie sehen können, habe ich die Slideshow neu geladen, kurz nachdem das DIV (das den Schieberegler enthält) angezeigt wurde und es perfekt funktioniert hat. Vielleicht kann das helfen, Ihre Probleme zu lösen und Sichtbarkeit zu vermeiden: versteckte und andere Tricks.
Ich weiß, dass diese Frage vor einer Weile gestellt wurde, aber ich habe das gleiche Problem. Ich habe keine Ahnung, was ist mit bxSlider und Display: keine. Es scheint nicht den Inhalt zu lesen, wenn es in einem div mit der Anzeige auf keine enthalten ist.
Ich habe es bisher geschafft, indem ich visibility:hidden und visibility:visible anstelle von display umschalte.
Sie können Sichtbarkeit verwenden: versteckt und Sichtbarkeit: sichtbar, aber einige Probleme. Und Sie können Höhe verwenden: 0px; Überlauf: versteckt; Ich benutze zuletzt lösen
Eine andere Lösung wäre es, bxslider zu laden und dann zu verstecken, sobald es vorhanden ist.
%Vor%Tags und Links javascript html jquery bxslider