3 Stimmen

Problem mit Chrome bei Verwendung von jquery ui draggable für horizontal scrollende Website

Meine Website ( http://www.enginelabs.ca ) wird mit Hilfe einer Datenbank und php erstellt, um Projekte dynamisch einzubringen. Ich habe jquery draggable verwendet, um durch die Projekte zu blättern, und eine Javascript-Funktion, die die Projekte in ein Tabellenformat wickelt, damit es einfacher ist, sie horizontal anzuzeigen.

Das Problem, das ich habe, ist, dass die Projekte manchmal nach unten springen und abgeschnitten werden. Das passiert in Safari und Chrome, aber nicht in Firefox. Und wenn ich die index.php Seite aufrufe, scheint es sich von selbst zu beheben. Ich kann mehr Details zu geben, wie die Dinge kodiert sind, wenn nötig.

Hier ist ein JS Fiddle Link, der den Code in Aktion zeigt .

Danke, Leute!

1 Stimmen

Es ist sehr schwer, Hilfe zu leisten, wenn man nicht wenigstens ein paar Codebeispiele hat. Können Sie eine minimale JS-Trickserie einrichten die das Problem veranschaulicht, und fügen Sie einen Link in Ihrer Frage hinzu?

0 Stimmen

Ich habe das noch nie benutzt, ich hoffe, das ist gut genug? Es kann nicht viel laden, weil es keine Bilder hat und die Jquery nicht geladen wird.

0 Stimmen

Ich fügte einen <base>-Tag hinzu und machte das Skript src Werte absolut, damit die Bilder und das Javascript alle funktionieren. Im Allgemeinen ist es am besten, Ihre Frage mit Informationen wie diesen zu aktualisieren. Ich werde Ihren Beitrag bearbeiten und den Link hinzufügen.

1voto

Vervious Punkte 5519

Aus irgendeinem Grund (ich bin nach 20 Sekunden zufällig darüber gestolpert)

 vertical-align: baseline

in den Zellen Ihrer Tabelle scheint das Problem zu verursachen. Vielleicht ist es, weil Sie die Höhe mit jQuery oder etwas einstellen, und es gibt einige Fehler oder Macke in Webkit oder... wie auch immer.

Das explizite Einstellen von vertical-align auf etwas anderes als baseline kann das Problem beheben, versuchen Sie es.

td {
    vertical-align: top;
}

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X