Unser Blog
Writings, Austausch von Wissen, News, Tutorials
Loading ...
Die 'Select' Problem nach der Verwendung jqTransform und ihre Lösung
18. Februar 2010 - Mit dem Sumeet
Vor kurzem wurde ich an einem Projekt, das eine individuelle Form mit nur Auswahlfelder gewünschte Arbeitshöhe. Früher habe ich jqTransform die Form anpassen und während der Arbeit an ihr entdeckte ich, dass nach der Umwandlung der Select-Box in eine Liste von Hyperlinks, die "Änderung" Methode der Select-Box überhaupt nicht funktionieren. Als "On-Wert-Änderung" Veranstaltung ist eine sehr wichtige Funktion für 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 der Sprachen und nachdem der Benutzer eine bestimmte Sprache, die Homepage der Website wäre automatisch geöffnet in der jeweils gewählten Sprache. Es war auch erforderlich, um Stil der Listenfeld in der Weise in die Gestaltung der Landing-Page gegeben wurde. So entschied ich mich für die jqTransform jQuery-Plug-in, das ich einst Stil einige Formen. jqTransform ist sehr schön Plug-in, die Formen in eine sehr einfache Weise anpassen und das Endprodukt ist ohne Zweifel schön. Aber in diesem Fall wurde es eine kleine Geschwindigkeit Leistungsschalter, 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 diesem Tutorial benutze, um das Problem zu erklären:
<form> <h4> Select Box Ohne jqTransform </ h4> <div id="box-city" class="select-menus"> <label> City </ label> <br/> <select name = "select- Land "> <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 "wählen Sie" Tag und schafft eine ungeordnete Liste mit Hyperlinks für die Optionen in der Drop-Down-Liste. Es versteckt sich dann das Original "wählen Sie" Tag und seinen Inhalt.
<form class="jqtransform jqtransformdone"> <h4> Select-Box mit jqTransform und normal wählen Change-Methode </ h4> <div class="select-menus" id="box-name"> <label style="cursor: pointer;"> Name </ label> <div class="jqTransformSelectWrapper" style="z-index: 10; width: 150px;"> <div> <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> <li> <a index="1" href="#"> Robin </ a> </ li> <li> <a index="2" href="#"> Superman </ a> </ li> <li> <a index="3" href="#"> Spiderman </ a> </ li> </ Ul> <select name="select-country" class="jqTransformHidden" style=""> <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 für die Auswahl eines bestimmten Wertes und dem anschließenden Übermittlung des Formulars durch einen Submit-Button. Es schafft ein Problem, wenn wir eine Funktion ausführen, wenn der Wert der Dropdown-Liste geändert werden soll.
Dies ist normalerweise in Javascript, indem Sie die "Ändern"-Methode des select-Steuerung erreicht. Der "Wandel"-Methode erfasst den Wert-change-Ereignis, und wir können den Wert durch den Benutzer in der folgenden Weise ausgewählten Zugang.
/ / Capturing the change-Ereignis der nicht-transformierten Select Box. $ ("# Box-Stadt wählen"). Ändern (function () { var value = $ (this) val ().; alert ("Value Selected =" + value); });
Aber nach der Verwendung der jqTransform Plugin ist die 'select' Tag nicht mehr da, um die Änderung Methode anzuwenden.
Die Lösung
Die Lösung für dieses ist ein sehr einfaches. Wir können das Change-Ereignis für die jqTransformed Dropdown-Liste zu simulieren, indem ein Klick-Funktion, die hyper-link-Element in der unsortierten 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 der transformierten Select Box mit der modifizierten Methode der Erfassung der Wertänderung Veranstaltung. $ ("# Box-age div.jqTransformSelectWrapper ul li a"). Click (function () { var value = $ ("# box-age div.jqTransformSelectWrapper span"). text () alert ("Value Selected =" + value); return false; / / verhindern, Standard-Browser 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 Möglichkeit ist es, die jqTransform Plugin selbst zu modifizieren, um richtig auf die onChange Ereignis des '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 von einigen helfen konnte.
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 auf diesen Eintrag durch folgen RSS 2.0 feed. Sie können eine Antwort hinterlassen , oder trackback von deiner eigenen Seite.
Teilen Sie die Kenntnisse
Weitere Beiträge die Ihnen gefallen könnten
71 Antworten
Trackbacks und Pingbacks
Hinterlasse eine Antwort
Blättern
- Die 'Select' Problem nach der Verwendung jqTransform und ihre Lösung 71 Kommentar (e)
- Wie Kodex eine überlappende Tabbed Hauptmenü 47 Kommentar (e)
- Integration von Cloud-Zoom mit WP e-Commerce Gold-Cart Gallery 31 Kommentar (e)
- Grunge Vorlage 19 Kommentar (e)
- iPhone Application Template 19 Kommentar (e)
- Listify, Convert Raw Text To HTML-Elemente 17 Kommentar (e)
- Business Template 16 Kommentar (e)
-
$ ('Select.jqTransformHidden'). Leben ('change', function () {var thiz = $ (t. ..
-
Suppppppppppper Tutorial .... Thanks a lot ...............
-
Hallo, ich habe jqtransform Plugin für die Erstellung eines Anmeldeformulars, I. verwendet ..
-
Hallo, ist das, was Sie haben eine Lösung für den Einsatz von "OptionGroup gefunden "?...
Vielen Dank für die Lösung vor. Sehr nützlich. Ich frage mich, wenn Sie mit einem zusätzlichen Problem helfen könnte? jqtransform scheint die Teil einer Auswahlliste zu ignorieren. Können Sie mir helfen, einen fix, so dass sie in den transformierten Auswahlliste angezeigt werden??
Jeder Zeiger wäre sehr willkommen!
Der Code scheint entfernt worden sind. Ich war zu "optgroup" Teil einer Auswahlliste beziehen
Ich habe nicht das Problem, das Sie sich beziehen? Kann man einen Link zu einem Beispiel oder etwas veröffentlichen, so dass ich einen Blick auf sie in Details kann?
Hoffen, dass Ihr Problem ist aber gelöst
Haben Sie versucht, eine Auswahlliste, dass die "optgroup"-Funktion sowie 'option' verwendet zu schaffen? Es scheint einfach zu 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 ausprobiert. Will 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 multiselect decken. Derzeit wird das Skript einfach umgeht alle Auswahllisten mit der attr von mehreren. Im no JS Experte though. Hat jemand irgendwelche Ideen?
Simon,
Haben Sie jemals finden solutino die JqTransform Problem mit Mehrfachauswahl?
Ich habe nach einer Lösung gegoogelt, aber kam mit leeren?
Wie kann ich Auffüllen einer Select nach der Verwendung von jqTransform?
Sie haben noch die Option Tag nach der Verwendung von jqTransform wie verwandelt automatisch die vorhandene 'option' Tag-Elemente in Hyperlinks zu bevölkern. Also, wenn Sie die Optionen bieten vom Start selbst mit der Option-Tags wird es kein Problem sein.
OR
Sie bedeuten, dass Sie dynamisch zu füllen das Auswahlfeld nach einigen Benutzer-Interaktion mit dem Formular will?
Ja, ich möchte dynamisch zu füllen in der Auswahlbox.
Nun, das zu tun, müsste man die ungeordnete Liste von Hyperlinks durch jqTransform generiert auswählen und dann fügen Sie eine Liste Element mit dem Hyperlink (Ihrer Wahl) zu dieser Liste ungeordnet.
Können Sie mir ein einfaches Beispiel, wie man das tun? Nur beginnend mit jquery.
Vielen Dank Mauch.
@ Fcaracol: Ich arbeite an, dass gerade jetzt für ein Projekt, geben Ihnen eine Rückmeldung, wenn es in Ordnung ist.
@ Fdjulien: Bonjour
das ist sehr .. Ich bin so mit meinem Untersuchungen, die nicht in der Lage, Zeit, etwas anderes zu geben, bin gefangen .. 
Et hop:
http://pastebin.com/tZraxjDX
Have a good day ^ ^
(Wenn Sie wissen, wie wir Höhe der Child-Liste after show / hide, Regelungstechnik)
Vielen Dank an Alle für die Nachrichten.
Meine Lösung für das Problem:
http://pastebin.com/wYSgh3hj
nice, thx.
serwisyleit.pl int letzten Blog .. Die TRIC auf die Entwicklung positiver Beziehungen im Bildungsbereich
jqtransform arbeitet nicht für mehr als 11 wählen 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 habe versucht Anpassung dieser Code für die Verwendung mit window.open für eines meiner Option Werte. Ich habe mich gefragt, ob Sie ein Beispiel, wo von drei Optionen in einer Auswahlliste könnte: Katze, Hund und Vogel-Auswahl "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 auswählen, ein Pop-up-Fenster würde auf einen externen Link in Bezug auf die Option offen?
Genau. Ich habe keine javascript Erfahrungen zu sprechen, sondern mit Ihrem Guide habe ich Mode aus einem Skript, das testen, ob die Option Text abgestimmt eine bestimmte Zeichenfolge, und wenn ja, geben Sie einen window.open Ereignis wäre. 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 entfernt.
Nun, Sie können jqTransform auf divs, die dynamisch sind wieder den Aufruf der Methode jqtransform auf die ID oder Klasse, die besondere Form, in die dynamisch generierten div geladen zu ermöglichen.
Sumeet,
Vielen Dank für Ihre Antwort. Ich drehe mich um eine Menge von Suchergebnissen zu Menschen mit ähnlichen Problemen mit dynamisch geladenen Inhalt, aber leider ohne Lösungen. Wenn Sie ein Beispiel für das erneute Anwenden der jqtransform Skript dynamisch geladene Inhalte bieten kann, bin ich sicher im Internet wird es Ihnen danken. Ich weiß, ich werde.
Hmmm .. Ich werde sehen, was ich mit oben kommen kann es
Bis dahin versuchen Tastaturneubelegung jqtransform Methode, um die dynamisch generierten Formular und vielleicht laden Sie die Seite mit Ajax? Soweit denke ich, ist jqtransform angewendet werden, wenn die Seite geladen ist ..
Hey Sumeet - ich habe eine hoffentlich schmerzlos Frage an Sie: Wie bekommt man die Dropdown-Listen für alle die gleiche Breite aufweisen. Um Ihnen ein Beispiel geben von dem, was ich nach, http://givester.de/ hat 9 dieser Textfelder. Außerdem, wenn Sie eines der super-lange Optionen auswählen, wird der Wortlaut nicht zu verlängern aus der Select-Box, sondern bleibt drin - etwas, das ich hatte ein Problem haben mit, mit einem anderen js-Methode. Nun, die Hoffnung zu hören, wieder von Ihnen!
Mikes letzten Blog .. Dog of The Day-Bola Von Sacramento SPCA!
Ich mag, was sie mit dem Drop-Down-Optionen an diesem Standort ihr habt getan. Die wirklich lange Optionen Montage ordnungsgemäß in der Select-Box ist, weil sie eine optimale Breite der Auswahlbox, so dass die längste Option, die sie bieten weniger, als es ist genommen haben. Ich dynamisch erhöht die Länge einer Option (mit Firebug) und es ging nach draußen, in der Auswahlbox. Durch außerhalb Ich meine, hat einen Teil des Textes verborgen.
In Bezug auf die Art, wie sie die Optionen unterteilt sind in zwei verschiedenen divs ist sehr interessant. Irgendeine Idee, wie sie das getan haben? Ich denke, sie entweder die jqTransform Code in einer Weise, dass, wenn die Anzahl der Listenelemente über einen bestimmten Betrag geht, dann fangen sie an die Listenelemente in einem neuen div und so zum Hinzufügen geändert. So ermöglicht zum Beispiel nach jeder 7. Listenelement, wird eine neue Wrapper erstellt und so weiter. Offensichtlich verwendet CSS, um sie alle in eine horizontale Position zu bringen.
hallo,
Ich bin ein Formular erstellen, mit jqtransform, in denen gibt es viele Auswahlbox, zu einem bestimmten Zeitpunkt muss ich box disableselect Wie kann ich diese
Warum gehst du nicht einfach zu erstellen Klasse namens "verstecken", die eine 'display: none' Eigentum. Wann immer Sie eine Auswahlbox deaktivieren möchten, fügen Sie einfach die Klasse auf die jeweilige Auswahlbox dynamisch ...
Ich habe das gleiche Problem, außer dass ich den Wert der Option, nicht den Text brauchen. Ich schrieb, dass einfache Code:
$ ("Div.jqTransformSelectWrapper ul li a"). Click (function () {
var index = $ (this) attr ('index').;
var value = $ ('select.jqTransformHidden Option: eq (' + Index +')'). attr ('value');
window.location.href = Wert;
});
David Judik letzten Blog .. Sorszámozott lista formázása CSS-sel
Ich hatte das gleiche Problem, aber verändert es in jqTransform selbst (Linie 268):
var oli = $ (' '+ $ (this) html () + ". ');
So können alle wählt für zukünftige Projekte der Wert als das title-Attribut des Links gesetzt haben wird.
Ah, schneiden Sie es aus meinem Code ...
var oli = $ (' '+ $ (this) html () + ". ');
Carls last blog .. dies ist das Ende, das ist nicht das Ende
Hallo,
Dies ist ein wirklich nützliches mod - Danke, dass der Aufwand in sie
Ich versuche, einen Weg zu einem einzigen select (Dropdown-Liste) reset finden.
Die traditionelle Javascript wäre:
document.getElementById ('selectname') selectedIndex = 0 ist.;
document.getElementById ('selectname') options [0] gewählt = true..;
Allerdings hat die oben keinen Einfluss auf die jqtransform als einer Liste auswählen.
Gibt es eine Möglichkeit ich die jqtransform wählen Reset kann?
Wenn es heißt, die über JS (so wird das Formular mit den richtigen Werten eingereicht) und dann die jqtransform wird durch den Text ändern und die Anwendung der ausgewählten Stil auf den 1. li und der Entnahme aus dem aktuellen gefälscht?
Ich hoffe, ich bin zu erklären das in Ordnung? lol
Chris,
Es gibt ein paar Optionen.
1. Sie können jqTransformReset (); - das wird alle Auswahlfelder, Optionsfelder zurückgesetzt und Kontrollkästchen. Dies kann zu extrem für Ihren Fall.
2. Sie können kopieren Sie den Code jqTransform verwendet, um die Auswahl-Boxen zurück:
$ ('JqTransformSelectWrapper wählen.', F) each (function () {sel = (this.selectedIndex <0) 0:.?. This.selectedIndex; $ ('ul', $ (this) Elternteil ()) jeder. (function () {$ ('a: eq ('. + sel + ')', this) click ();});});
Ändern Sie einfach die erste jQuery-Selektor auf Ihre speziellen Feld übereinstimmen, entfernen Sie den Kontext (die "f") und haben es an. Ich habe gerade getestet dieses und es funktioniert.
Chris,
Warnte davor, dass meine oben beschriebenen Verfahren wird die "change"-Ereignis für die Select-Box Feuer, wenn Sie hinzugefügt haben: "$ select.trigger ('change');" in at line 281 (wie unten erwähnt).
Ich habe die Option 2, aber ohne Erfolg versucht, entweder
Unten ist der Code I verwendet. Titel ist die ID auf der Auswahl gestellt, und der gesamte Code befindet sich auf den Reset-Knopf ist Klick-Aktion:
$ ("# Reset"). Click (function () {
$ ('# Title') each (function () {sel = (this.selectedIndex <0) 0:.?. This.selectedIndex; $ ('ul', $ (this) Elternteil ()) each (function (. ) {$ ('a: eq (' + sel + ')'. Klicken Sie auf diese) ();});});
});
Nichts passiert. Kein JS Fehler nicht.
okay, glaube, ich habe die Lösung gefunden. Ich änderte den letzten Teil des Codes (direkt vor der Aktion auf) von "sel" (die aktuelle Menüauswahl) auf '0 ', dh der 1. Option in der Liste, die immer ist die Standardeinstellung "Bitte wählen Sie eine Option." Scheint zu funktionieren Zurücksetzen aller meiner wählt
/ / RESET BUTTON
$ ("# Reset"). Click (function () {
$ ('Select') each (function () {sel = (this.selectedIndex <0) 0:.?. This.selectedIndex; $ ('ul', $ (this) Elternteil ()) each (function (). {$ ('a: eq (0)', this). Klicken Sie ();});});
});
Chris,
Mein Fehler. jqTransformReset () ist nicht zugänglich. Ich warf dieser Linie um eines zu bekommen:
$ Fn.jqTransformReset = jqTransformReset.;
Und dann nannte es, vorbei an den tatsächlichen DOM-Objekt des Formulars wie folgt:
$ ('# Form1'). Each (function () {$. Fn.jqTransformReset (dies );});
Ich stellte jedoch fest, dass diese * nicht * Reset der Select-Box für mich. Sorry für die Wildgans jagen.
Nur unter jQuery 1.4 geprüft, aber wenn Sie hinzu:
$ Select.trigger ('change');
on line 281 (nach "$ ul.hide ();" und vor "return false;") in der SELECT-Abschnitt, wird es die Veranstaltung für Sie Feuer.
Danke für die Antworten Samuel. jqTransformReset (); wäre schön für mich, aber ich kann es arbeiten.
Ich habe einen Button mit der ID "reset". und die folgenden in der Script-Tags:
$ ("# Reset"). Click (function () {
$ ('Form') jqTransformReset ().;
});
Ich bekomme die Fehlermeldung $ ('form'). JqTransformReset () ist keine Funktion.
Irgendwelche Ideen?
Nochmals vielen Dank.
Dank für die Buchung, die Spitze. Sehr hilfreich.
Warum nicht binden ein change-Ereignis, um die versteckten Auswahlfeld, dass Updates JQTransform.js wenn Sie einen Wert aus den transformierten auszuwählen? Ich tat dies mit jQuery 1.3 und es hat gut funktioniert und jetzt mit 1,4 er ist kaputt und ich bin wirklich nicht sicher, warum. Jede Hilfe wäre awesome.
Vielen Dank für die Lösung dieses Problems. Aber mein Problem ist etwas anders und ich bin immer 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 angezeigt. 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 gewidmet, die Auswahl-Steuerung und ändern Sie die Zeile
if ($ select [0]. selectedIndex! = $ (this). attr ('index') & & $ select [0]. onchange) {$ select [0]. selectedIndex = $ (this). attr ('index' ); $ select [0] onchange ();.}
TO
if (.!. $ select [0] = selectedIndex $ (this) attr ('index')) {$ select [0] = selectedIndex $ (this) attr ('index');.. $ ($ select [0 ]) ändern ();.}
Vielen Dank, Sir. Große Lösung.
Sie gewinnen!
@ David Judik
Vielen Dank für diesen Ausschnitt. Ich war mit jqtransform auf einem riesigen Formen, wo gab es 10 Auswahlliste. Ich war bei 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. Das ersparte mir eine Menge Zeit. Prost
faardeen Madarbokas letzten Blog .. http-caimpstudiocom ist eine Website, die Online-Lösungen bietet über das Internet und Tutorials zu verbessern Entwickler arbeiten Ja, wir sind bald eröffnet
@ Matt
Ihre Lösung gelöst meine Kopfschmerzen. Concise.
Dieser Beitrag greift zu kurz, weil Ihr Wert kann als der angezeigte 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 Website. Aber sobald Sie auf einen der Werte wird der Text versteckt klicken. Es sieht fast so aus, als gäbe es ein Overlay über die Dropdown-Box.
Ihre Beratung wäre sehr willkommen!
Dank
Hallo allerseits,
Ich habe versucht, den obigen Code, aber es funktioniert nicht für mich. Als ich auf Auswahlbox klicken Sie versuchen, Seite bewegt i fehlt nichts upward.Am.
Süße, danke!
Ich hatte das gleiche Problem, aber lösen sie in einen einfacheren Weg ... Ich glaube,
Ich habe eine Funktion mit dem Code in jquery zB Funktion SelectChange (){.. Code geht hier ...}, und in der Auswahl habe ich so etwas wie "onchange =" SelectChange (+ this.value) "'
Got eine interessante jqtransform Problem. Ich habe ein Formular bin mit jqtransform Styling. Es gibt 2 wählen Dropdowns, hängt das zweite, was Sie wählen auf der ersten. Das erste ist ein Fahrzeug, wenn Sie die machen es füllt die Fahrzeugmodelle auf den zweiten wählen mittels AJAX. Das Skript funktioniert gut und das Fahrzeug-Modelle sind ohne ein Problem bevölkert aber man kann nicht wählen, alles auf die Modelle Dropdown-Menü. Nichts passiert, wenn Sie auf der besiedelten Fahrzeugmodelle klicken. Aus irgendeinem Grund scheint es dem Click-Handler auf jqtransform funktioniert nicht, wenn Felder auswählen dynamisch bevölkert sind. 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 ().;
$ ('# Modelle li: not (: first) "). Remove ();
. $ ('# MyModel') append ($(""). attr ("value ",""). Text (" Select A-Modell "));
$ ("# Modelle ul") css ("display", "none").;
var x = 1;
$. Each (Daten-, Funktions (key, value) {
$ ('# MyModel').
append ($("").
attr ("value", key).
Text (key));
$ ("# Modelle ul") append ('. '+-Taste +' ');
x + +;
}); / / End loop
}, "Json");
}
Der Webdesigner mit denen ich gearbeitet verwendet ein jQuery-Plugin namens LiveQuery. Nicht sicher, was er tat, aber ich hoffe, dass Sie in die richtige Richtung weisen.
LiveQuery geholfen. Die Klick-Funktion funktionierte nicht, weil der dom bereits geladen war, zwickte ich meinen Code und verwendet LiveQuery und es funktionierte. Danke für den Tipp
Hallo,
Wenn ich mit Jqtransform Stile in meiner aspx Form, arbeiten gut, aber wenn ich mit Update-Panel in die Seite die Stile speziell in der Update-Panel verschwindet. Ich weiß nicht, warum ist das passiert. kann jemand mir helfen?
Danke für den Tipp. Dies ist mein erstes Mal Bewältigung jqTransform das Mangeln von meinem HTML-und JS-Code, und Sie hat mich gerettet einiger Zeit und Kopfschmerzen.
iOS verfügt über integrierte Funktionen, die im Grunde zoomt Dropdown-Menüs für Sie. JQtransform wandelt die Standard-Formular-Element in überspannt. Für iPhone nur, wie können wir emulieren einen Standard bilden Dropdown so die Zoom-Funktion auftreten wird?
Hallo,
Ich habe jqtransform Plugin für die Erstellung eines Anmeldeformulars verwendet, stand ich vor einige Probleme in Auswahlbox .. bin sehr neu zu entwerfen .. Ich konnte nicht in der Lage, Optionsgruppe in select box geben ... und noch eine Sache, wenn i Popup-Dialogbox für geben einem bestimmten div gezeigt werden, dass jqtransform Methode Format ... hoffe, dass jemand mir helfen wird, dieses Problem zu lösen doesnt .... vor 18 Oktober 2011
Rani puthoor
Hallo,
Ich habe jqtransform Plugin für die Erstellung eines Anmeldeformulars verwendet, stand ich vor einige Probleme in Auswahlbox .. bin sehr neu zu entwerfen .. Ich konnte nicht in der Lage, Optionsgruppe in select box geben ... und noch eine Sache, wenn i Popup-Dialogbox für geben einem bestimmten div gezeigt werden, dass jqtransform Methode Format ... hoffe, dass jemand mir helfen wird, dieses Problem zu lösen doesnt .... vor 18 Oktober 2011
Rani puthoor
Hallo
Vielen Dank für Lösung wäre ein weiterer Ansatz zur Änderung der Plugin.
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, das Link unter meinem Kommentar ist nicht mein Blog, zu entfernen plz es.
Vielen Dank!
Vielen Dank dafür! Ich habe gerade die letzten 3 Stunden versucht, diese mit einem Sprung in den Code zu beheben, aber das funktioniert viel besser!
Diese Seite ist sehr von der Art und Weise hat mir enorm geholfen. Neue Ausgabe. Das alles hat mir geholfen, meine ASPX-Seite die Arbeit mit JQtransform mit. NET 4.0. Ich musste dieses Formular ein. NET 2.0-Website gestellt und jetzt mit diesem Thema.
'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')) {$ select [0] = selectedIndex $ (this) attr ('index');.. $ select.trigger (" change ");}
Ich habe auch erlebt das gleiche Problem und näherte sich ihm sehr ähnlich.
Was ich tat war greifen der ausgewählte Wert in der gleichen Weise wie das Codebeispiel, aber die anderen Teil ich fertig war ich die "original Auswahlfelder"-Wert, und dann tun einem $ (el). Trigger ('change') ;. auf den Dropdown-so, dass die bestehenden verändern () bindet würde immer noch auftreten.
Regards,
Paul Dragoonis.
$ ('Select.jqTransformHidden'). Leben ('change', function () {
var thiz = $ (this);
var text = thiz.find ('Option: Ausgewählte "). text ();
var ul = thiz.parents ('div.jqTransformSelectWrapper: erstens ul');
ul.find ('a') removeClass ("ausgewählt").;
ul.find ('a: enthält ("' + text +'")'). addClass (" ausgewählt ");
. ul.prev () zu finden ('span') (Text).;
});