Unser Blog
Writings, Wissen, News, Tutorials
Loading ...
Die 'Select' Problem nach der Verwendung jqTransform und seine Lösung
18. Februar 2010 - Mit dem Sumeet
Vor kurzem wurde ich an einem Projekt, das eine angepasste Form mit nur Auswahlboxen erforderlich arbeitet. Früher habe ich jqTransform, um das Formular anpassen und während der Arbeit daran entdeckte ich, dass nach der Transformation der Select-Box in eine Liste von Hyperlinks, die "Veränderung" Methode der Select-Box überhaupt nicht funktionieren. Als "On-Wert-Änderung" Veranstaltung ist eine sehr wichtige Funktion für alle Dropdown-Listenfeld so ist hier eine sehr einfache Lösung, um es zu manipulieren, während Sie jqTransform.
Das Projekt
In diesem jüngsten Projekt von mir, ich war erforderlich, um eine Landing Page zu erstellen. In dieser Landing Page, gäbe es eine Liste von Sprachen sein und nachdem der Benutzer eine bestimmte Sprache, die Homepage der Website automatisch öffnen würde in der jeweiligen Sprache ausgewählt. Es wurde auch benötigt, um den Stil wählen Sie im Listenfeld in der Art, sie in die Gestaltung der Landing-Page gegeben wurde. Also entschied ich mich für die jqTransform jQuery-Plug-in, das ich einst Stil einige Formen. jqTransform ist sehr schön Plug-In, um die Formulare in einer sehr einfachen Art und Weise anpassen, und das Endprodukt besteht kein Zweifel schön. Aber in diesem Fall, wurde es eine kleinere Geschwindigkeit Schutzschalter, um meine Fortschritte.
Das Problem
Die Dropdown-Liste die Kontrolle über die HTML-Formular enthält die 'select' Tags, welche die verschiedenen 'Option' Tags umschließen. Hier ist eine Form, die ich in dieser Anleitung verwende ich, um das Problem zu erklären:
<form> Wählen <h4> Box ohne jqTransform </ h4> <div id="box-city" class="select-menus"> <label> Stadt </ label> <br/> <select name="select-country"> <option> Gotham </ option> <option> New York City </ option> <option> Smallville </ option> </ Select> <div class="clear"> </ div> </ Div> </ Form>
Was jqTransform tut, ist, scannt er das gesamte 'select' Tag und schafft eine ungeordnete Liste mit Hyperlinks der Optionen in der Drop-Down-Liste. Es versteckt sich dann das Original "wählen Sie" Tag und dessen Inhalt.
<form class="jqtransform jqtransformdone"> <h4> Select Box mit jqTransform und normalen Verfahren wählen Veränderung </ h4> <div class="select-menus" id="box-name"> <label style = "cursor: pointer ; "> Name </ label> <div class="jqTransformSelectWrapper" style="z-index: 10; width: 150px;"> <span style="width: 119px;"> Batman </ span> < a class = "jqTransformSelectOpen" href = "#"> </ a> </ div> <ul style="width: 148px; display: none; visibility: visible; height: 100px; overflow: hidden;"> <li> <a index="0" href="#" class="selected"> Batman </ a> </ li> <a index="1" href="#"> Robin </ a> </ li> <a index="2" href="#"> Superman </ a> </ li> <a index="3" href="#"> Spiderman </ a> </ li> </ ul> <select name="select-country" class="jqTransformHidden" style="font-size: <option> Batman </ option> <option> Robin </ option> <option> Superman </ option> < option> Spiderman </ option> </ select> </ div> <div class="clear"> </ div> </ div> </ form> Das schafft kein Problem, wenn wir die 'select' Tag verwenden in der Regel zur Auswahl einer bestimmten Wert-und dann die Durchführung der Übermittlung eines Formulars mit einem Submit-Button. Es schafft ein Problem, wenn wir eine gewisse Funktion ausführen, wenn der Wert der Dropdown-Liste geändert werden soll.
Dies wird normalerweise in Javascript mit Hilfe der "Veränderung"-Methode des select-Steuerung erreicht. Die "Veränderung"-Methode erfasst die Value-Change-Ereignis, und wir können den Wert durch den Benutzer in der folgenden Weise ausgewählt zugreifen.
/ / Capturing the change-Ereignis der nicht-transformierten Select Box. $ ("# Box-City Select"). Änderung (function () { var value = $ (this) val ().; alert ("Wert ausgewählt =" + wert); });
Aber nach der Verwendung des jqTransform Plugin, ist die 'select' Tag nicht mehr da, um die Änderung Methode anzuwenden.
Die Lösung
Die Lösung dafür ist sehr einfach. Wir können das Ereignis change für die Dropdown-Liste jqTransformed simulieren, indem eine Klick-Funktion, um die Hyper-Link-Element innerhalb der ungeordneten Liste. Dann können wir den ausgewählten Wert durch den Zugriff auf den Text der span-Tag, wo das ausgewählte Element gesetzt oder angezeigt haben.
/ / Capturing the change-Ereignis des Transformierte Select-Box mit der modifizierten Methode der Erfassung der Wertänderung Veranstaltung. $ ("# Box-Alter div.jqTransformSelectWrapper ul li a"). Klicken (function () { var value = $ ("# Box-Alter div.jqTransformSelectWrapper span"). text () alert ("Wert ausgewählt =" + wert); return false; / / Standard-Browser zu verhindern Aktion });
Abschluss
Dies ist eine Möglichkeit, die Simulation der Änderungsfunktion für Drop-down-Listenfelder nach der Verwendung von jqTransform, um sie anzupassen. Die andere Option ist, um das zu ändern jqTransform Plugin selbst richtig Zugriff auf das OnChange-Ereignis der "Select"-Boxen. Ich hoffe, die jqTransform Plug-In-Entwickler können dieses Problem in der nächsten Version des Plug-in zu beheben. Obwohl dies nicht eine sehr wichtige oder häufig Fehler aber ich hoffe, dass dies eine Hilfe war.
Tags: CSS , Formulare , jqTransform , jQuery
Über den Autor
Sumeet ist der Gründer der Kodex-pal. Er arbeitet als Web-Entwickler, ist ein Hardcore-Programmierer, Workaholic, lustiger Kerl und liebt seine Familie. Folgen Sie ihm auf Twitter und Facebook.
Sie können alle Antworten zu diesen Eintrag durch folgen RSS 2.0 Feed. Sie können eine Antwort hinterlassen , oder trackback von deiner eigenen Seite.
Teilen Sie das Wissen
Weitere Beiträge die Ihnen gefallen könnten
75 Responses
Trackbacks und Pingbacks
Lassen Sie eine Antwort
Blättern
- Die 'Select' Problem nach der Verwendung jqTransform und seine Lösung 75 Kommentar (e)
- Wie Code einen überlappenden Tabbed Hauptmenü 48 Kommentar (e)
- iPhone Application Template 34 Kommentar (e)
- Integration von Cloud-Zoom mit WP e-Commerce Gold-Cart Gallery 32 Kommentar (e)
- Grunge Template 23 Kommentar (e)
- Spice Up Your Twitter Feed Display Box mit CSS 18 Kommentar (e)
- Business Template 17 Kommentar (e)
-
Na ja, können Sie den HTML-Teil in der Fußzeile Ihres Blogger-Seite ...
-
hey wirklich awesom hover mit Twitter zu spielen, aber ich möchte etwas Hilfe ich will ...
-
Hallo, ich bin neu in HTML 5. Ich versuchte, meine eigenen Fotos und Banner zu platzieren ...
-
Sehr schönes Tutorial, exzellentes Design. TKS für die gemeinsame Nutzung ....
Danke für die Lösung oben. Sehr nützlich. Ich frage mich, wenn Sie mit einem zusätzlichen Problem helfen könnte? jqtransform scheint die Rolle eines Select-Liste zu ignorieren. Können Sie mir helfen, einen Fix, so dass sie in der transformierten Auswahlliste angezeigt werden???
Alle Hinweise wäre sehr willkommen!
Der Code scheint entfernt worden sind. Ich wurde zu 'optgroup' Teil einer Auswahlliste beziehen
Ich hatte nicht das Problem, das Sie sich beziehen? Vielleicht können Sie einen Link zu einem Beispiel oder so etwas zu schreiben, damit ich einen Blick auf sie in Details kann?
Hoffen, dass Ihr Problem ist aber gelöst
Haben Sie versucht, eine SELECT-Liste, die die "optgroup"-Funktion sowie 'option' verwendet zu schaffen? Es scheint einfach ignorieren diese vollständig und nicht bauen sie in die "UL"-Liste. Wie bekomme ich sie, um sie zu bauen in?
Ich habe noch nicht, dass versucht. Wird es ausprobieren, wenn ich Zeit habe
Hallo;
ist, was Sie haben eine Lösung für den Einsatz von "OptionGroup" gefunden?
danke
Hallo. im just gefragt, ob jemand geschafft hat, die die jqTransform JS erweitern, um eine Mehrfachauswahl zu decken. Derzeit ist das Skript nur umgeht alle Auswahllisten mit der von mehreren attr. Im JS kein Experte aber. Hat jemand irgendwelche Ideen?
Simon,
Haben Sie jemals finden solutino dem JqTransform Problem mit Mehrfachauswahl?
Ich habe nach einer Lösung gegoogelt, aber kam mit leeren?
Wie kann ich füllen Sie eine Auswahl nach der Verwendung von jqTransform?
Sie verfügen nicht über die select-Tag nach der Verwendung von jqTransform wie sie transformiert automatisch die bestehende "Option" Tag-Elemente in Hyper-Links zu bevölkern. Also, wenn Sie bieten die Optionen aus der Ausgangspunkt selbst mit Hilfe der Option-Tags wird es kein Problem sein.
ODER
Sie meinen, dass Sie dynamisch bevölkern die Select-Box nach einiger Benutzer-Interaktion mit dem Formular will?
Ja, ich möchte dynamisch füllen die Select-Box.
Nun, das zu tun, müsste man die ungeordnete Liste von Hyperlinks durch jqTransform generiert wählen und dann eine Liste anzuhängen Element mit dem Hyperlink (Ihrer Wahl), um die Liste sortiert ist.
Können Sie mir ein einfaches Beispiel, wie man das tun? Gerade beginnend mit jQuery.
Herzlichen Mauch.
@ Fcaracol: Ich arbeite auf, dass gerade jetzt für ein Projekt, geben Ihnen eine Rückmeldung, wenn es in Ordnung ist.
@ Fdjulien: Bonjour
thats great .. Ich bin so mit meinen Untersuchungen, die nicht in der Lage, Zeit, etwas anderes zu geben, bin gefangen .. 
Et Hop:
http://pastebin.com/tZraxjDX
Habt einen guten Tag ^ ^
(Wenn Sie wissen, wie wir Höhe der Child-Liste nach dem Einblenden / Ausblenden, Regelung)
Bedankt sich bei allen für die Nachrichten.
Meine Lösung für das Problem:
http://pastebin.com/wYSgh3hj
nice, thx.
serwisyleit.pl int der letzte Blog .. Die TRIC auf die Entwicklung positiver Beziehungen im Bildungsbereich
jqtransform nicht arbeitet seit mehr als 11 ausgewählten Tags auf Seite
Suche
. Css ({zIndex: 10-Index})
und ersetzen Sie einfach mit
. Css ({zIndex: 999-Index})
Das ist ok
http://plugins.jquery.com/node/13233
Ich habe ein ähnliches Problem und haben versucht, die Anpassung diesen Code für die Verwendung mit window.open für einen meiner Option Werte. Ich frage mich, ob Ihnen ein Beispiel geben könnte, wo von drei Optionen in einer Auswahlliste: Katze, Hund, Vogel-und Anwahl von "Hund" ein neues Fenster für einen externen Link Popout würde. Ich kann nicht scheinen, um die Live ()-Ereignis zu bekommen, um es richtig zu tun.
Vielen Dank für die Hilfe.
Also, was Sie tun möchten, ist, wenn Sie eine bestimmte Option, ein Popup-Fenster wählen würde, um einen externen Link in Bezug auf die Option zu eröffnen?
Genau. Ich habe kein JavaScript Erfahrung zu sprechen, sondern mit Ihrem Guide habe ich Mode aus einem Skript, das zu testen, ob die Option Text abgestimmt eine bestimmte Zeichenfolge würde, und wenn ja, führen Sie einen window.open Ereignis. Der Code ist wahrscheinlich ein wenig schwer, aber es funktioniert.
Allerdings würde Ich mag, herauszufinden, wie erreichen jqtransform Funktionalität für Formulare in divs, die dynamisch aus jquery Tabs geladen gelegen.
Nun, Sie können jqTransform auf divs, die dynamisch sind wieder den Aufruf der Methode jqtransform auf die ID oder Klasse von dieser besonderen Form in dieser dynamisch generierten div geladen ermöglichen.
Sumeet,
Vielen Dank für Ihre Antwort. Ich drehe eine Menge von Suchergebnissen zu Menschen mit ähnlichen Problemen mit dynamisch geladenen Inhalt, aber leider ohne Lösungen. Wenn Sie ein Beispiel für die erneute Anwendung des jqtransform Skript, um dynamisch geladene Inhalte bieten kann, bin ich sicher, das Internet wird es Ihnen danken. Ich weiß, ich werde.
Hmmm .. Ich werde sehen, was ich mit oben kommen kann es
Bis zu dieser Zeit, versuchen Tastaturneubelegung jqtransform Verfahren zur dynamisch generierten Formular und vielleicht laden Sie die Seite mit Ajax? Soweit denke ich, wird jqtransform angewendet werden, wenn die Seite geladen ist ..
Hey Sumeet - Ich habe eine hoffentlich schmerzlos Frage an Sie: Wie bekommen Sie diese Dropdown-Listen, um alle die gleiche Breite haben. Um Ihnen ein Beispiel dafür, was ich bin nach, http://givester.de/ hat 9 dieser Textfelder. Außerdem, wenn Sie eines der super-langen Optionen zu wählen, ist aus dem Wortlaut nicht zu verlängern aus der Select-Box, sondern bleibt drin - etwas, das ich habe ein Problem mit, mit einem anderen JS-Methode. Nun, ich hoffe auf eine Rückmeldung von Ihnen!
Mikes letzten Blog .. Hund des Tages-Bola aus Sacramento SPCA!
Ich mag, was sie mit dem Drop-Down-Optionen an diesem Standort ihr habt getan. Die wirklich lange Optionen passen richtig in der Select-Box ist, weil sie eine optimale Breite der Select-Box, so dass die längste Option bieten, dass sie weniger als es genommen haben. Ich dynamisch erhöht die Länge von einer Option (mit Firebug) und es ging nach draußen, der Select-Box. Von außen ich meine, habe einige Teile des Textes verborgen.
In Bezug auf die Art, wie sie die Optionen aufgeteilt sind in zwei verschiedenen divs ist sehr interessant. Irgendeine Idee, wie sie das getan haben? Ich glaube, sie entweder die jqTransform Code in einer Weise, dass wenn die Anzahl der Listenelement über einen bestimmten Betrag hinausgeht, dann Zugabe der Listeneinträge in einer neuen div und so weiter gestartet modifiziert. So können z. B. nach jeder 7. Listenelement, wird eine neue Umhüllung angelegt und so weiter. Offensichtlich verwendet CSS, um sie alle in eine horizontale Position zu bringen.
Hallo zusammen,
Ich erstelle ein Formular mit jqtransform, in denen gibt es jede Menge Auswahl-Box, zu einem bestimmten Zeitpunkt muss ich disableselect Box, wie kann ich dies tun
Warum gehst du nicht einfach zu erstellen Klasse mit dem Namen 'hide', die eine "display: none ', über Vermögen verfügt. Wann immer Sie eine beliebige Auswahl-Box deaktivieren möchten, fügen Sie einfach diese Klasse zu diesem besonderen Select-Box dynamisch ...
Ich habe das gleiche Problem, nur dass ich den Wert der Option, nicht der Text brauchen. Ich schrieb diesen einfachen Code:
$ ("Div.jqTransformSelectWrapper ul li a"). Klicken (function () {
var index = $ (this) attr ('index').;
var value = $ ('select.jqTransformHidden Option: eq (' + Index + ')'). attr ('value');
window.location.href = Wert;
});
David Judik den letzten Blog .. Sorszámozott lista formázása CSS-sel
Ich hatte das gleiche Problem, aber es verändert sich in jqTransform (Linie 268):
oli var = $ (' '+ $ (this) html () + ". ');
Auf diese Weise wählt alle für zukünftige Projekte den Wert als title-Attribut des Links gesetzt haben wird.
Ah, schneiden Sie es aus meinem Code ...
oli var = $ (' '+ $ (this) html () + ". ');
Carls letzten Blog .. das ist das Ende, das ist nicht das Ende
Hallo zusammen,
Dies ist ein wirklich nützliches mod - Danke, dass der Aufwand in sie
Ich versuche, einen Weg zu einer einzigen wählen (Drop-Down-Liste) zurück zu finden.
Die traditionelle Javascript wäre:
document.getElementById ('selectname') selectedIndex = 0 ist.;
document.getElementById ('selectname') Optionen [0] gewählt = true..;
Jedoch hat die vorstehend keine Auswirkung auf die jqtransform als einer Liste auszuwählen.
Gibt es eine Möglichkeit das ich jqtransform zurücksetzen wählen können?
Wenn es bedeutet zu tun, die über JS (so wird das Formular mit den richtigen Werten vorgelegt) und dann die jqtransform wird durch den Text ändern und Anwenden der ausgewählten Stil auf den 1. Li und der Entnahme aus dem aktuellen gefälscht?
Hoffe, ich erkläre das in Ordnung? lol
Chris,
Es gibt ein paar Optionen.
1. Sie können jqTransformReset (); - Damit werden alle Auswahlfelder zurückzusetzen, Optionsfelder und Kontrollkästchen. Dies kann zu extrem für Ihren Fall.
2. Sie können kopieren Sie den Code jqTransform verwendet, um die Auswahlboxen zurückzusetzen:
$ ('JqTransformSelectWrapper wählen.', F) each (function () {sel = (this.selectedIndex <0) 0:.?.. This.selectedIndex; $ ('ul', $ (this) parent ()), die jeweils (function () {$ ('a: eq ('. + SEL + ')', this) klicken ();});});
Ändern Sie einfach die erste jQuery-Selektor auf Ihre speziellen Feld übereinstimmen, entfernen Sie den Kontext (die "f") und haben es. Ich habe es getestet und es funktioniert dies.
Chris,
Warnte davor, dass meine oben beschriebenen Verfahren wird die "change"-Ereignis für die Select-Box zu feuern, wenn Sie hinzugefügt haben werden: "$ select.trigger ('change');" in der Linie 281 (wie unten erwähnt).
Ich habe die Option 2, aber ohne Erfolg versucht, entweder
Unten ist der Code, den ich verwendet. Titel ist die ID auf der Auswahlliste gesetzt, und der ganze Code befindet sich auf der Reset-Taste des Click-Aktion:
$ ("# Reset"). Klicken (function () {
$ ('# Title') each (function () {sel = (this.selectedIndex <0) 0:.?.. This.selectedIndex; $ ('ul', $ (this) Elternteil ()) each (function ( ) {$ ('a: eq (' + SEL + ')'., this) klicken ();});});
});
Nichts passiert. Keine JS Fehler auch nicht.
Okay, denke, ich habe die Lösung gefunden. Ich änderte den letzten Teil des Codes (rechts vor dem Druckpunkt) von 'sel' (die aktuelle Menü-Auswahl) auf '0 ', dh die erste Option in der Liste, die immer ist die Standardeinstellung "Bitte wählen Sie eine Option". Scheint zu funktionieren dh alle meine wählt
/ / RESET
$ ("# Reset"). Klicken (function () {
$ ('Select') each (function () {sel = (this.selectedIndex <0) 0:.?.. This.selectedIndex; $ ('ul', $ (this) Elternteil ()) each (function () {. $ ('a: eq (0)', this) klicken ();});});
});
Chris,
Mein Fehler. jqTransformReset () ist nicht zugänglich. Ich warf diese Zeile um es zu bekommen:
$ Fn.jqTransformReset = jqTransformReset.
Und dann heißt es, vorbei an der tatsächlichen DOM-Objekt von der Form etwa so:
$ ('# Form1') each (function () {$ fn.jqTransformReset (this);.}).;
Ich stellte jedoch fest, dass diese * nicht * setzen Sie die Select-Box für mich. Sorry für die wilde Jagd.
Nur unter jQuery 1.4 getestet, aber wenn man hinzufügen:
$ Select.trigger ("Veränderung");
on line 281 (nach "$ ul.hide ();" und vor "return false;") in der SELECT-Abschnitt, wird es die Veranstaltung für Sie zu feuern.
Danke für die Antworten Samuel. jqTransformReset (); wäre für mich in Ordnung, aber ich kippe um es arbeiten.
Ich habe einen Button mit der ID "reset". und die folgende in den Script-Tags:
$ ("# Reset"). Klicken (function () {
$ ('Form') jqTransformReset ().;
});
Ich bekomme die Fehlermeldung $ ('form'). JqTransformReset () ist keine Funktion.
Irgendwelche Ideen?
Nochmals vielen Dank.
Dank für die Buchung, dass die Spitze. Sehr hilfreich.
Warum nicht binden ein change-Ereignis auf die versteckte Select-Feld, die Aktualisierungen JQTransform.js wenn Sie einen Wert aus dem transformierten wählen Sie wählen? Ich tat dies mit jQuery 1.3 und es hat gut funktioniert und jetzt mit 1,4 er kaputt ist und ich bin wirklich nicht sicher, warum. Jede Hilfe wäre genial.
Danke für die Lösung dieses Problems. Aber mein Problem ist etwas anders und ich bin noch zu neu, um jQuery, um es herauszufinden mich.
Ich brauche ein neues Feld in Abhängigkeit von der Auswahl in einem Drop-Down-Box anzuzeigen. Ich hatte es funktioniert, bevor jqTransform aber jetzt brauche ich ein wenig Hilfe. Dies ist der Code, den ich hatte: http://pastebin.com/1Rf9hw3x
es gibt eine viel elegantere Lösung für das Problem. in der JavaScript finden Sie im Abschnitt widmet sich der select-Steuerung und ändern Sie die Zeile
if ($ wählen Sie [0]. selectedIndex! = $ (this). attr ('index') && $ select [0]. onchange) {$ wählen Sie [0]. selectedIndex = $ (this). attr ('index' ); $ select [0] onchange ();.}
TO
if (.!. $ select [0] = selectedIndex $ (this) attr ('index')) {$ wählen Sie [0] = selectedIndex $ (this) attr ('index');.. $ ($ select [0 ]) ändern ();.}
Vielen Dank, Sir. Große Lösung.
Sie gewinnen!
@ David Judik
Vielen Dank für dieses Snippet. Ich war mit jqtransform auf einem riesigen Formen, wo gab es 10 Select-Liste. Ich wurde in der Validierung der Select-Box nach dem Auftragen der jqtransform Plugin stucked. Ich habe versucht, ein weiteres kleines Plugin für den Select-Box schreiben, während ich diesen Ausschnitt gefunden. Dies ersparte mir eine Menge Zeit. Prost
faardeen Madarbokas den letzten Blog .. http-caimpstudiocom ist eine Website, die Online-Lösungen bietet über das Internet und Tutorials zur Verbesserung Entwickler arbeiten Ja, wir werden bald eröffnet
@ Matt
Ihre Lösung gelöst meine Kopfschmerzen. Concise.
Dieser Beitrag greift zu kurz, weil Ihr Wert kann sich von den angezeigten Text wie in meinem Fall.
Hallo Sumeet
Kannst du vielleicht einen Blick auf meine Website http://www.gamtool.com/affiliates-registration.asp Ich habe das Dropdown-Menü auf meiner Seite. Aber sobald auf einen der Werte kann der Text verborgen auf. Es sieht fast aus, als gäbe es ein Overlay über die Dropdown-Box.
Dein Rat wäre sehr willkommen!
Dank
Hallo allerseits,
Ich habe versucht, den obigen Code, aber es funktioniert nicht für mich. Wenn ich auf Select-Box klicken Sie versuchen, upward.Am Seite bewegt ich etwas zu verpassen.
Süße, danke!
Ich hatte das gleiche Problem aber gelöst in einem einfacheren Weg ... Ich denke,
Ich habe eine Funktion mit dem Code in jQuery zB SelectChange Funktion () {.. Code geht hier ...}, und wählen Sie in der ich so etwas wie "onchange =" SelectChange (+ this.value) "'
Haben Sie eine interessante jqtransform Problem. Ich habe eine Form bin mit jqtransform Styling. Es 2 select-Dropdown-Listen, hängt das zweite, was Sie wählen auf der ersten. Das erste ist ein Fahrzeug, wenn Sie das machen, füllt die Fahrzeugmodelle auf der zweiten Option mit Ajax zu wählen. Das Skript funktioniert einwandfrei und die Fahrzeug-Modelle sind ohne ein Problem bevölkert aber Sie wählen, alles auf den Dropdown-Modelle kippen. Nichts passiert, wenn Sie auf den besiedelten Fahrzeugmodelle. Aus irgendeinem Grund scheint es der Click-Handler auf jqtransform funktioniert nicht, wenn Select-Felder dynamisch gefüllt werden. Hat jemand eine Idee, wie man dieses Problem umgehen? Unten ist mein Code
Funktion SelectChange (idCat) {
. $ Post ("getvehiclemodel2.php", {cat: idCat}, function (data) {
$ ('# MyModel Option') remove ().;
. $ ('# Li Modelle: nicht (: first)') remove ();
$ ('# MyModel') append. ($ ("Value", "") Text ("Wählen Sie ein Modell") ") attr ("..);
$ ("# Modelle UL") css ("display", "none").;
var x = 1;
$. Jede (Daten, Funktion (key, value) {
$ ('# MyModel').
append ($ ("").
attr ("value", Schlüssel).
Text (key));
$ ("# Modelle UL") append ('. '+-Taste +' ');
x + +;
}); / / Ende Schleife
}, "JSON");
}
Der Webdesigner mit denen ich gearbeitet verwendet ein jQuery-Plugin namens LiveQuery. Nicht sicher, was er tat, aber das wird hoffentlich auch Sie in die richtige Richtung zu weisen.
LiveQuery geholfen. Die Klick-Funktion funktionierte nicht, weil die DOM bereits geladen wurde, gezwickt und ich meinen Code verwendet LiveQuery und es funktionierte. Danke für den Tipp
Hallo zusammen,
Wenn ich mit Jqtransform Stile in meine ASPX-Formular, arbeiten gut, aber wenn ich mit Update-Panel auf der Seite die Stile speziell in der Update-Panel verschwinden. Ich weiß nicht, warum ist das passiert. kann jemand mir helfen?
Danke für den Tipp. Dies ist mein erstes Mal Bewältigung jqTransform die Verstümmelung meines HTML-und JS-Code, und du hast mich gerettet etwas Zeit und Kopfschmerzen.
iOS verfügt über die Funktionalität, die im Grunde zoomt Dropdown-Menüs für Sie. JQtransform wandelt die Standard-Formular-Element in Spannweiten. Für iPhone nur, wie kann man emulieren ein Standardformular, so dass die Drop-Down-Zoom-Funktion auftreten wird?
Hallo zusammen,
Ich habe jqtransform Plugin für die Erstellung eines Anmeldeformulars verwendet, stand ich vor ein paar Probleme in Select-Box .. bin sehr neu zu entwerfen .. Ich konnte nicht in der Lage, Optionsgruppe in Select-Box geben ... Und noch etwas, wenn ich Popup-Dialogbox für geben ein bestimmtes div es nicht gezeigt, dass jqtransform Methode Format ... hoffe .... daß jemand mir helfen, dieses Problem zu lösen, bevor 18 Oktober 2011
Rani puthoor
Hallo zusammen,
Ich habe jqtransform Plugin für die Erstellung eines Anmeldeformulars verwendet, stand ich vor ein paar Probleme in Select-Box .. bin sehr neu zu entwerfen .. Ich konnte nicht in der Lage, Optionsgruppe in Select-Box geben ... Und noch etwas, wenn ich Popup-Dialogbox für geben ein bestimmtes div es nicht gezeigt, dass jqtransform Methode Format ... hoffe .... daß jemand mir helfen, dieses Problem zu lösen, bevor 18 Oktober 2011
Rani puthoor
Hallo
Vielen Dank für Lösung wäre ein anderer Ansatz ist das Plugin selbst modifizieren.
Hier ist, was sollten Sie in Ihrem Plugin-Datei zu ändern: "http://pastebin.com/S1CBaQ9e"
Hier ist die komplette Quelle: "http://pastebin.com/Q1pYMKZ2"
HTH
oh, dass Link unter meinem Kommentar nicht ist mein Blog, zu entfernen plz es.
Vielen Dank!
Vielen Dank dafür! Ich verbrachte die letzten 3 Stunden versucht, dies durch Tauchen in den Code zu beheben, aber das funktioniert viel besser!
Diese Seite ist klasse übrigens, hat mir sehr dabei geholfen. Neue Ausgabe. Das alles half mir dabei, meine ASPX-Seite die Arbeit mit JQtransform mit. NET 4.0. Ich musste dieses Formular auf einer. NET 2.0 Weblog eingeben, und jetzt mit diesem Problem.
'Length' ist Null oder kein Objekt. - On-Dropdown-Listen. Funktioniert prima in FF, Chrome, Safari, gibt nur den Fehler im IE.
Bitte helfen Sie.
Derzeit mit dieser Linie für das Click-Handler:
if (.!. $ select [0] = selectedIndex $ (this) attr ('index')) {$ wählen Sie [0] = selectedIndex $ (this) attr ('index');.. $ select.trigger (" ändern ");}
Ich habe auch erlebt das gleiche Problem und näherte sich ihm sehr ähnlich.
Was ich tun, packen war der ausgewählte Wert in der gleichen Weise wie im Codebeispiel, aber die anderen Teil ich fertig war ich die "Original Auswahlboxen"-Wert, und dann tun ein $ (el). Auslöser ("Veränderung") ;. auf den Dropdown so dass die vorhandene Änderung () bindet würde immer noch auftreten.
Regards,
Paul Dragoonis.
$ ('Select.jqTransformHidden'). Leben ("Veränderung", function () {
var thiz = $ (this);
. var text = thiz.find ('Option: Ausgewählte') text ();
var ul = thiz.parents ('div.jqTransformSelectWrapper: erste UL');
ul.find ('a') removeClass ('ausgewählt.');
ul.find ('a: enthält ("' + text + '")') addClass ('ausgewählt');.
. ul.prev () zu finden ('span') Text (Text).;
});
Nach jqtransform Das DropDownList nicht auf Tastendruck gearbeitet. Ich habe es funktioniert jetzt auf einige Zeichen eingeben, aber wenn ich KeyDown drücken Sie es nicht nach unten bewegen und nichts passiert. Irgendwie ist der Fokus wird die äußere blättern nicht die Schriftrolle auf den Dropdown. Hat jemand das gleiche Problem auftreten? Lassen Sie mich wissen, wie man dieses Problem beheben. Danke :)
es gibt neue Bibliothek die ich angelegt habe - csTransPie - basierte auf der jqtransform - jqtransform ist eine große Bibliothek, aber es hat wirklich viele Probleme, heute CSS3 löst viele dieser Probleme und Ich mag die Idee, dass Kontrollen im normalen Kontrollen und suchen das gleiche in jeder Browser
https://github.com/pkoretic/csTransPie
Es ist ein work in progress, aber jetzt ist es sogar besser als jqtransform (mehr als die Hälfte der CSS umgeschrieben, viele Bugs behoben, sauberen CSS ...)
jetzt können Sie es pro Element zu verwenden mit nur einer Klasse!
Alle Vorschläge sind willkommen!
Hallo zusammen!
Ich denke, Ihre Lösung ist wirklich hilfreich, auch wenn ich ein großes Problem mit jqTransForm haben .. Ich weiß nicht, ob ihr mir helfen könntet ..
Ich erstelle eine Website mit dem Zend Framework. Auf dieser Website, ich habe eine Tabelle, wo alle meine Artikel mit einem SQL-Abfrage angezeigt werden.
Früher habe ich jqTransForm zu erstellen und das Layout etwas (ein, um den Typ auszuwählen, zum anderen wählen Sie die Natur, und zwei weitere)
Ich möchte den Wert der Option nehmen und senden Sie es an das Modell, um das Richtige zu tun in meiner Datenbank auswählen und bestellen meine Artikel nach Typ oder Art oder anderes ..
Aber das ausgewählte otpion ist mit einem div geschickt .. und ich weiß wirklich nicht, wie es zu benutzen ...
Könnte jemand mir bitte helfen?
(Sorry für mein schlechtes Englisch und meine Erklärungen ..)
Hallo, vielen Dank für Ihre Lösung aber können Sie dieses Skript provid
daynmic
Bezug