Heim > Web-Frontend > js-Tutorial > Implementierung eines Taobao-ähnlichen Paketauswahl-Plug-Ins basierend auf jQuery_jquery

Implementierung eines Taobao-ähnlichen Paketauswahl-Plug-Ins basierend auf jQuery_jquery

WBOY
Freigeben: 2016-05-16 16:11:17
Original
1177 Leute haben es durchsucht

Implementierung eines Taobao-ähnlichen Paketauswahl-Plug-Ins basierend auf jQuery_jquery

Der erste ist der HTML-Code der Seite

Code kopieren Der Code lautet wie folgt:






Lokaler Anruf


Dann rufen Sie die js auf

Code kopieren Der Code lautet wie folgt:


<script><br /> /**************************************<br /> * Erstellen Sie Optionsspalten basierend auf lokalen JSON-Daten<br /> ******************************************/<br /> var datanodes=[<br /> {text:"Offizieller Standard",Wert:"1",selected:true},<br /> {text:"Paket Eins",Wert:"2"},<br /> {text:"Paket Zwei",Wert:"3"},<br /> {text:"Paket Drei",Wert:"4"},<br /> {text:"Paket Vier",Wert:"5"},<br /> {text:"Paket Fünf",Wert:"6"},<br /> {text:"Paket Sechs",Wert:"7"},<br /> {text:"Paket Sieben",Wert:"8"},<br /> {text:"Paket acht",Wert:"9"},<br /> {text:"Paket Neun",Wert:"10"}<br /> ];<br /> /**<br /> * @type {mylist}<br /> * @param className CSS-Name der Container-Unterstützungsschicht <br /> * @param Die Rückruffunktion, die aufgerufen wird, nachdem der Benutzer geklickt hat, angepasst vom Entwickler<br /> ​*/<br /> var mylistobjLocal=new OptionList("testlocal","mycall");<br /> mylistobjLocal.createListHtml(datanodes);<br /> /****************************************<br /> * Erstellen Sie Optionsspalten basierend auf JSON-Daten vom Remote-Server ************************************<br /> * Erstellen Sie Optionsspalten basierend auf JSON-Daten vom Remote-Server <br /> * @type {mylist}<br /> * @param className CSS-Name der Container-Unterstützungsschicht <br /> * @param Die Rückruffunktion, die aufgerufen wird, nachdem der Benutzer geklickt hat, angepasst vom Entwickler<br /> ​*/<br /> var mylistobjAjax=new OptionList("testajax","mycall");<a href="http://127.0.0.1/option-jquery-dc/testJson.php"> var url="http://127.0.0.1/option-jquery-dc/testJson.php<br />";<br /> /**<br /> * Erstellen Sie eine Liste mit Optionen basierend auf der URL<br /> ​*/<br /> mylistobjAjax.createListHtmlForAjax(url);<br /> /***<br /> *Rückruffunktion, wenn der Benutzer eine Option auswählt<br /> * @param result Gibt die relevanten Parameter des aktuell ausgewählten Elements <br /> zurück ​*/<br /> var mycall=function(result){<br /> warning("Sie haben ausgewählt: " result.text :: result.value);<br /> }</script>

Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er gefällt euch allen
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage