Blog kami
Tulisan, Berbagi Pengetahuan, Berita, Tutorial
Loading ...
The 'Pilih' Masalah Setelah Menggunakan jqTransform dan Solusi nya
18 Februari 2010 - Dengan Sumeet
Baru-baru ini, saya bekerja pada sebuah proyek yang membutuhkan bentuk yang disesuaikan dengan hanya kotak pilih. Saya menggunakan jqTransform untuk menyesuaikan formulir dan saat bekerja di atasnya saya menemukan bahwa setelah mengubah kotak pilih ke daftar hyperlink, 'perubahan' metode kotak pilih tidak bekerja sama sekali. Sebagai 'on-nilai perubahan' acara adalah fungsi yang sangat penting untuk setiap drop down list box jadi di sini adalah solusi yang sangat sederhana untuk memanipulasi itu saat menggunakan jqTransform.
Proyek
Dalam tugas akhir saya, saya diminta untuk membangun halaman arahan. Dalam halaman arahan, akan ada daftar bahasa dan setelah pengguna memilih bahasa tertentu, homepage situs akan terbuka secara otomatis dalam bahasa yang dipilih masing-masing. Hal itu juga diperlukan untuk gaya kotak daftar pilih dengan cara itu diberikan dalam desain halaman arahan. Jadi saya memilih untuk jqTransform jQuery plug-in, yang saya digunakan sekali dengan gaya beberapa bentuk. jqTransform sangat bagus plug-in untuk menyesuaikan bentuk dengan cara yang sangat mudah dan produk akhir tidak diragukan lagi indah. Tapi dalam kasus ini, itu menjadi pemutus kecepatan kecil untuk kemajuan saya.
Masalah
Drop down daftar kontrol dari bentuk html berisi 'pilih' tag yang menyertakan 'pilihan' berbagai tag. Berikut ini adalah bentuk yang saya gunakan dalam tutorial ini untuk menjelaskan masalah:
<form> <h4> Pilih Kotak Tanpa jqTransform </ h4> <div id="box-city" class="select-menus"> <label> Kota </ label> <br/> <select name="select-country"> <option> Gotham </ option> <option> New York City </ option> <option> Smallville </ option> </ Select> <div class="clear"> </ div> </ Div> </ Form>
Apa jqTransform dilakukan adalah, ia memindai seluruh tag 'pilih' dan menciptakan daftar unordered mengandung hiper-link satu pilihan dalam menu drop-down-. Kemudian menyembunyikan asli 'pilih' tag dan isinya.
<form class="jqtransform jqtransformdone"> <h4> Pilih kotak dengan jqTransform dan metode perubahan normal pilih </ h4> <div class="select-menus" id="box-name"> <label style="cursor: pointer;"> Nama </ 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;"> <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=""> <option> Batman </ option> <option> Robin </ option> <option> Superman </ option> <option> Spiderman </ option> </ Select> </ Div> <div class="clear"> </ div> </ Div> </ Form>
Ini tidak membuat masalah ketika kita menggunakan 'pilih' tag umumnya untuk memilih nilai tertentu dan kemudian melakukan pengiriman formulir dengan menggunakan tombol submit. Ini menciptakan masalah ketika kita ingin melakukan beberapa fungsi ketika nilai dari daftar drop-down berubah.
Hal ini biasanya dicapai di javascript dengan menggunakan 'perubahan' metode kontrol pilih. 'Perubahan' metode menangkap acara-nilai perubahan dan kita dapat mengakses nilai yang dipilih oleh pengguna dengan cara berikut.
/ / Menangkap acara perubahan dari Kotak Non Berubah Pilih. $ ("# Kotak-kota pilih"). Perubahan (function () { var nilai = $ (this) val ().; alert ("Nilai Terpilih =" + nilai); });
Tapi setelah menggunakan jqTransform plugin, yang 'pilih' tag tidak lebih sana untuk menerapkan metode perubahan pada.
Solusi
Solusi untuk ini, adalah sangat sederhana. Kami dapat mensimulasikan acara perubahan untuk penurunan jqTransformed down dengan menerapkan fungsi klik pada unsur hyper-link dalam daftar unordered. Kemudian kita dapat memiliki nilai yang dipilih dengan mengakses teks dari tag span dimana elemen yang dipilih diatur atau ditampilkan.
/ / Menangkap acara perubahan dari Kotak Pilih Berubah menggunakan metode modifikasi dari menangkap acara perubahan nilai. $ ("# Kotak usia div.jqTransformSelectWrapper ul li a"). Click (function () { var nilai = $ ("# kotak usia rentang div.jqTransformSelectWrapper"). text () alert ("Nilai Terpilih =" + nilai); return false; / / mencegah tindakan browser default });
Kesimpulan
Ini adalah salah satu cara mensimulasikan fungsi perubahan untuk drop-down-list kotak setelah menggunakan jqTransform untuk menyesuaikan mereka. Pilihan lainnya adalah untuk memodifikasi plugin jqTransform sendiri untuk benar mengakses event onChange dari kotak 'Pilih'. Saya berharap jqTransform plug-in pengembang dapat memperbaiki masalah ini dalam rilis berikutnya dari plug-in. Meskipun ini bukan bug yang sangat penting atau umum tapi saya berharap bahwa ini adalah dari bantuan.
Tags: CSS , bentuk , jqTransform , jQuery
Tentang Penulis
Sumeet adalah pendiri Kode-sobat. Dia bekerja sebagai web developer, adalah seorang programmer hardcore, gila kerja, orang menyenangkan dan mencintai keluarganya. Ikuti dia di Twitter dan Facebook.
Anda dapat mengikuti respon untuk entri ini melalui RSS 2.0 feed. Anda dapat meninggalkan respon , atau Pelacakan dari situs Anda sendiri.
Berbagi pengetahuan
Tulisan lain yang mungkin Anda sukai
75 Responses
Trackbacks dan Pingbacks
Tinggalkan Balasan
Telusuri
- The 'Pilih' Masalah Setelah Menggunakan jqTransform dan Solusi nya 75 comment (s)
- Bagaimana kode sebuah menu tab Tumpang Tindih Utama komentar 48 (s)
- Aplikasi iPhone Template 34 comment (s)
- Mengintegrasikan Zoom Cloud dengan WP e-Commerce Keranjang Emas Galeri komentar 32 (s)
- Grunge Template 23 comment (s)
- Spice Up Display Pakan Kotak Anda Twitter Menggunakan CSS 18 comment (s)
- Bisnis Template 17 comment (s)
-
Nah, Anda dapat menyertakan bagian HTML di footer halaman blogger Anda ...
-
hei benar-benar awesom melayang-layang bermain dengan twitter tetapi saya ingin bantuan saya ingin ...
-
Hi, Saya baru ke html 5. Aku mencoba untuk menempatkan foto saya sendiri dan banner ke ...
-
Sangat bagus tutorial, desain excelent. Tks untuk berbagi ....
Terima kasih untuk solusi atas. Sangat berguna. Aku ingin tahu apakah Anda bisa membantu dengan satu masalah tambahan? jqtransform tampaknya mengabaikan bagian dari daftar pilih. Dapatkah Anda membantu saya menemukan memperbaiki sehingga mereka akan ditampilkan dalam daftar pilih berubah?
Setiap pointer akan lebih dihargai!
Kode tampaknya telah dihapus. Saya mengacu pada bagian 'optgroup' dari daftar pilih
Aku tidak mendapatkan yang masalah yang Anda maksud? Mungkin Anda dapat memposting link ke contoh atau sesuatu sehingga saya bisa melihat itu secara detail?
Semoga masalah Anda terpecahkan meskipun
Apakah Anda mencoba untuk membuat daftar pilih yang menggunakan 'optgroup' fitur serta 'pilihan'? Sepertinya hanya mengabaikan sepenuhnya dan tidak membangun mereka ke dalam daftar 'ul'. Bagaimana saya bisa mendapatkan mereka untuk membuatnya dalam?
Saya belum mencobanya. Akan mencobanya ketika saya mendapatkan waktu
Hello;
adalah apa yang Anda telah menemukan solusi untuk penggunaan "OptionGroup"?
terima kasih
Hi. im hanya ingin tahu apakah ada yang berhasil memperpanjang JS jqTransform untuk menutupi multiselect. saat ini, script hanya melewati setiap daftar pilih dengan attr dari beberapa. Im tidak JS ahli sekalipun. apakah ada yang punya ide?
Simon,
Apakah Anda pernah menemukan solutino untuk masalah JqTransform dengan multiselect?
Aku sudah googled untuk solusi tapi tidak ada hasilnya?
Bagaimana saya bisa mengisi Pilih setelah menggunakan jqTransform?
Anda tidak perlu mengisi tag pilih setelah menggunakan jqTransform karena secara otomatis mentransformasikan elemen tag 'pilihan' yang ada menjadi hyper-link. Jadi jika Anda memberikan pilihan dari awal itu sendiri menggunakan tag pilihan itu tidak akan menjadi masalah.
ATAU
Anda berarti bahwa Anda ingin untuk secara dinamis mengisi kotak pilih sesuai beberapa interaksi pengguna dengan bentuk?
Ya, saya ingin untuk secara dinamis mengisi kotak pilih.
Nah, untuk melakukan itu Anda harus memilih daftar unordered hyperlink yang dihasilkan oleh jqTransform dan kemudian menambahkan elemen daftar yang berisi hyperlink (pilihan Anda) dengan unordered list.
Dapatkah Anda memberi saya contoh sederhana tentang cara melakukannya? Baru mulai dengan jquery.
Terima kasih mauch.
@ Fcaracol: Saya bekerja pada sekarang untuk sebuah proyek, memberikan umpan balik kalau sudah ok.
@ Fdjulien: Bonjour
thats besar .. Saya begitu terjebak dengan ujian saya bahwa saya tidak dapat memberikan waktu untuk hal lain .. 
Et hop:
http://pastebin.com/tZraxjDX
Memiliki hari yang baik ^ ^
(Jika Anda tahu bagaimana kita dapat mengontrol ketinggian daftar anak setelah show / hide, umpan balik)
Terima kasih semua untuk pesan.
Saya solusi untuk masalah:
http://pastebin.com/wYSgh3hj
bagus, thx.
serwisyleit.pl int s last blog .. Para tric untuk mengembangkan hubungan yang positif dalam pendidikan
jqtransform tidak bekerja untuk lebih dari 11 tag pilih pada halaman
Cari
Css ({zIndex: 10-indeks}).
dan menggantinya hanya dengan
Css ({zIndex: 999-indeks}).
Itu ok
http://plugins.jquery.com/node/13233
Saya mengalami masalah serupa dan telah mencoba menyesuaikan kode ini untuk digunakan dengan window.open untuk salah satu nilai pilihan saya. Aku bertanya-tanya jika Anda bisa memberikan contoh di mana dari tiga pilihan di pilih: kucing, anjing, dan burung-memilih "anjing" akan popout jendela baru untuk link eksternal. Saya tidak bisa mendapatkan acara live () untuk melakukannya dengan benar.
Terima kasih atas bantuan.
Jadi apa yang ingin Anda lakukan adalah, ketika Anda memilih opsi tertentu, pop up akan terbuka untuk link eksternal yang berkaitan dengan pilihan yang dipilih?
Tepat. Saya tidak memiliki pengalaman javascript untuk berbicara tentang, tetapi menggunakan panduan Anda saya melakukan mode sebuah script yang akan menguji apakah teks pilihan cocok string tertentu dan, jika demikian, mengeluarkan sebuah acara window.open. Kode ini mungkin agak berat tapi berhasil.
Namun, saya ingin mengetahui bagaimana mencapai fungsi jqtransform untuk bentuk terletak di divs yang dimuat secara dinamis dari tab jquery.
Nah, Anda dapat mengaktifkan jqTransform pada divs yang dimuat secara dinamis oleh kembali memanggil metode jqtransform di id atau kelas yang bentuk tertentu bahwa div dihasilkan secara dinamis.
Sumeet,
Terima kasih atas tanggapan itu. Aku muncul banyak hasil pencarian dengan orang yang memiliki masalah yang sama dengan konten dinamis dimuat tapi sayangnya tanpa solusi. Jika Anda dapat memberikan contoh berulang kali naskah jqtransform konten dinamis dimuat, saya yakin internet akan terima kasih. Aku tahu aku akan.
Hmmm .. Saya akan melihat apa yang dapat saya datang dengan itu
Hingga saat itu, mencoba pemindahan metode jqtransform ke bentuk yang dihasilkan secara dinamis dan mungkin memuat ulang halaman menggunakan Ajax? Sejauh yang saya pikir, jqtransform diterapkan ketika halaman dibuka ..
Hei Sumeet - Saya punya pertanyaan, mudah-mudahan, tanpa rasa sakit untuk Anda: Bagaimana Anda mendapatkan orang-orang dropdown untuk menjadi semua lebar yang sama. Untuk memberikan contoh dari apa yang saya setelah, http://givester.de/ memiliki 9 boks teks ini. Selain itu, jika Anda memilih salah satu super-panjang pilihan, kata-kata tidak meluas keluar dari kotak pilih melainkan tetap di dalam - sesuatu yang aku punya masalah dengan, menggunakan metode lain js. Yah, berharap untuk mendengar dari Anda!
Last blog Mike .. Anjing Bola dari The Day-Dari Sacramento SPCA!
Saya sangat suka apa yang telah mereka lakukan dengan drop down pilihan di situs yang Anda berikan. Pilihan yang sangat panjang pas benar dalam kotak pilih karena mereka telah mengambil lebar optimal dari kotak pilih seperti bahwa opsi terpanjang yang mereka berikan kurang dari itu. Saya secara dinamis meningkatkan panjang dari sebuah pilihan (menggunakan pembakar) dan pergi ke luar kotak pilih. Dengan luar Maksudku, beberapa bagian dari teks mendapat tersembunyi.
Mengenai cara mereka membagi pilihan menjadi dua divs yang berbeda adalah sangat menarik. Tahu bagaimana mereka melakukan itu? Saya pikir mereka baik dimodifikasi kode jqTransform sedemikian rupa sehingga ketika jumlah item daftar melampaui jumlah tertentu, maka mereka mulai menambahkan daftar item dalam div baru dan sebagainya. Oleh karena itu, misalnya, setelah setiap item daftar 7th, wrapper baru dibuat dan sebagainya. Mereka jelas digunakan CSS untuk membawa mereka semua dalam posisi horizontal.
hai,
saya menciptakan bentuk dengan jqtransform di mana ada banyak kotak pilih, pada satu tahap saya perlu disableselect kotak bagaimana saya bisa melakukan ini
Mengapa Anda tidak hanya membuat kelas yang disebut 'hide' yang memiliki 'display: none' properti. Kapanpun Anda ingin menonaktifkan kotak pilih, tambahkan saja kelas yang dengan kotak pilih tertentu dinamis ...
Aku punya masalah yang sama, kecuali bahwa saya perlu nilai pilihan, bukan teks. Aku menulis bahwa kode sederhana:
$ ("Div.jqTransformSelectWrapper ul li a"). Click (function () {
var index = $ (this) attr ('index').;
var nilai = $ ('pilihan select.jqTransformHidden: eq (' + indeks + ')'). attr ('nilai');
window.location.href = nilai;
});
David Judik yang terakhir blog .. Sorszámozott Lista formázása CSS-sel
Aku punya masalah yang sama, tetapi berubah dalam jqTransform sendiri (baris 268):
var oli = $ (' '+ $ (ini) html () +'. ');
Dengan cara ini semua memilih untuk proyek-proyek masa depan akan memiliki nilai yang ditetapkan sebagai atribut judul link.
Ah, memotong kode saya ...
var oli = $ (' '+ $ (ini) html () +'. ');
Last blog Carl .. ini adalah akhir-ini bukanlah akhir
Hai,
Ini adalah mod-benar berguna - terima kasih untuk menempatkan upaya ke dalamnya
Saya mencoba untuk menemukan cara untuk mereset tunggal pilih (drop down).
Javascript tradisional akan menjadi:
document.getElementById ('selectname') SelectedIndex = 0.;
document.getElementById ('selectname') options [0] = true dipilih..;
Namun, di atas tidak berpengaruh pada jqtransform pilih sebagai daftar.
Apakah ada cara saya dapat mereset pilih jqtransform?
Jika itu berarti melakukan tentang JS (jadi formulir dikirimkan dengan nilai yang benar) dan kemudian jqtransform tersebut dipalsukan dengan mengubah teks dan menerapkan gaya yang dipilih ke li 1 dan mengeluarkannya dari saat ini?
Harap saya menjelaskan hal ini oke? lol
Chris,
Ada beberapa pilihan.
1. Anda dapat menghubungi jqTransformReset (); - ini akan mengatur ulang semua kotak pilih, tombol radio, dan kotak cek. Ini mungkin terlalu ekstrim untuk kasus Anda.
2. Anda dapat menyalin kode jqTransform digunakan untuk mengatur ulang kotak pilih:
$ ('JqTransformSelectWrapper pilih.', F) masing-masing (function () {sel = (this.selectedIndex <0) 0:... This.selectedIndex; $ ('ul', $ (ini) orang tua ()) masing-masing (function () {$ ('a: eq ('. + sel + ')', ini) klik ();});});
Hanya mengubah pemilih jQuery awal untuk mencocokkan bidang tertentu Anda, hapus konteks (yang "f") dan memiliki itu. Aku hanya diuji ini dan bekerja.
Chris,
Jadilah memperingatkan bahwa metode saya dijelaskan di atas akan api "perubahan" kegiatan untuk kotak pilih jika Anda telah menambahkan: "$ select.trigger ('perubahan');" dalam pada baris 281 (seperti yang disebutkan di bawah).
Saya sudah mencoba opsi 2 tetapi tidak berhasil baik
Berikut ini adalah kode saya gunakan. judul adalah id ditempatkan di pilih, dan seluruh kode adalah pada tindakan klik tombol reset itu:
$ ("# Reset"). Click (function () {
$ ('# Title') masing-masing (function () {sel = (this.selectedIndex <0) 0:... This.selectedIndex; $ ('ul', $ (ini) orang tua ()) masing-masing fungsi (( ) {$ ('a: eq (' + sel + ')'., ini) klik ();});});
});
Tidak ada yang terjadi. Tidak ada JS kesalahan baik.
oke, pikir saya telah menemukan solusi. Saya mengubah bagian terakhir dari kode (kanan sebelum aksi klik) dari 'sel' (pilihan menu saat ini) ke '0 'yaitu opsi 1 dalam daftar yang selalu default "Silahkan pilih pilihan". Sepertinya untuk bekerja ulang semua Memilih saya
/ / RESET BUTTON
$ ("# Reset"). Click (function () {
$ ('Pilih') masing-masing (function () {sel = (this.selectedIndex <0) 0:... This.selectedIndex; $ ('ul', $ (ini) orang tua ()) masing-masing fungsi (() {. $ ('a: eq (0)', ini) klik ();});});
});
Chris,
Saya sengaja. jqTransformReset () tidak dapat diakses. Aku melemparkan baris ini dalam untuk sampai ke sana:
$ Fn.jqTransformReset = jqTransformReset.;
Dan kemudian menyebutnya, melewati objek DOM sebenarnya bentuk seperti:
$ ('# Form1') masing-masing (function () {$ fn.jqTransformReset (ini);.}).;
Saya mencatat, bagaimanapun, bahwa ini * tidak * mereset kotak pilih untuk saya. Maaf untuk mengejar angsa liar.
Hanya diuji di bawah jQuery 1.4, tetapi jika Anda menambahkan:
$ Select.trigger ('perubahan');
pada baris 281 (setelah "$ ul.hide ();" dan sebelum "return false;") di bagian SELECT, akan acara api untuk Anda.
Terima kasih atas Samuel balasan. jqTransformReset (); akan baik-baik untuk saya, tetapi saya cant membuatnya bekerja.
Saya memiliki tombol dengan ID "reset". dan berikut ini dalam tag script:
$ ("# Reset"). Click (function () {
$ ('Form') jqTransformReset ().;
});
Saya mendapatkan error $ ('form') jqTransformReset (.) Bukan fungsi.
Setiap ide?
Terima kasih lagi.
Terima kasih untuk posting tip yang. Sangat membantu.
Mengapa tidak mengikat acara perubahan ke kolom pilih tersembunyi yang JQTransform.js update bila Anda memilih sebuah nilai dari pilih berubah? Saya melakukan ini dengan jquery 1,3 dan bekerja dengan baik dan sekarang dengan 1,4 itu rusak dan saya benar-benar tidak yakin mengapa. Setiap bantuan akan mengagumkan.
Terima kasih untuk menyelesaikan masalah ini. Namun masalah saya adalah sedikit berbeda dan aku masih terlalu baru untuk jQuery untuk mencari tahu sendiri.
Saya perlu untuk menampilkan bidang baru tergantung pada seleksi di drop down box. Saya bekerja sebelum jqTransform tapi sekarang saya butuh sedikit bantuan. Ini adalah kode yang saya punya: http://pastebin.com/1Rf9hw3x
ada solusi yang jauh lebih elegan untuk masalah ini. di javascript menemukan bagian yang didedikasikan untuk kontrol pilih dan mengubah baris
if ($ pilih [0] SelectedIndex!. = $ (this). attr ('index') && $ pilih [0]. onchange) {$ pilih [0] = $ SelectedIndex. (ini) attr ('index'. ); $ pilih [0] onchange ();.}
UNTUK
if (!.. $ pilih [0] SelectedIndex = $ (this) attr ('index')) {$ pilih [0] SelectedIndex = $ (this) attr ('index');. $ ($ pilih [0. ]) change ();.}
Terima kasih Pak. Besar solusi.
Anda menang!
@ David Judik
Terima kasih banyak untuk potongan ini. Saya menggunakan jqtransform pada bentuk besar di mana terdapat 10 daftar pilih. Saya macet dalam memvalidasi kotak pilih setelah menerapkan plugin jqtransform. Saya mencoba menulis plugin lain kecil untuk kotak pilih sementara aku menemukan potongan ini. Ini menyelamatkan saya banyak waktu. Tepuk tangan
last blog faardeen Madarbokas itu .. http-caimpstudiocom adalah situs yang menyediakan solusi online melalui internet dan tutorial untuk meningkatkan pengembang bekerja Ya kami membuka segera
@ Matt
Solusi Anda dipecahkan sakit kepala saya. Ringkas.
Posting ini jatuh pendek karena nilai Anda mungkin berbeda dari teks yang ditampilkan seperti dalam kasus saya.
Hi Sumeet
Dapatkah Anda mungkin melihat-lihat di situs saya http://www.gamtool.com/affiliates-registration.asp saya memiliki menu dropdown di situs saya. Tapi begitu klik pada salah satu nilai teks tersembunyi. Hampir tampak seperti ada overlay di atas kotak Dropdown.
Saran Anda akan lebih dihargai!
Terima kasih
Hi Semua,
Aku mencoba kode di atas tapi tidak bekerja bagi saya. Ketika saya mencoba untuk klik pada kotak pilih, bergerak halaman upward.Am saya hilang apa-apa.
Manis, terima kasih!
Aku punya masalah yang sama tetapi dipecahkan dengan cara sederhana ... saya pikir
Saya membuat sebuah fungsi dengan kode dalam SelectChange fungsi jquery misalnya () {kode .. goes here ...}, dan di pilih Saya menggunakan sesuatu seperti 'onchange = "SelectChange (+ this.value)"'
Punya masalah jqtransform menarik. Saya memiliki bentuk am styling dengan jqtransform. Ada 2 dropdown pilih, yang kedua tergantung pada apa yang Anda pilih pada yang pertama. Yang pertama adalah membuat sebuah kendaraan, bila Anda memilih membuatnya Mempopulai model kendaraan pada kedua pilih menggunakan ajax. Script bekerja dengan baik dan model kendaraan akan diisi tanpa masalah namun Anda cant sesuatu pilih pada model dropdown. Tidak terjadi apapun saat Anda klik pada model kendaraan penduduk. Untuk beberapa alasan tampaknya penangan klik jqtransform tidak bekerja ketika pilih bidang akan diisi secara dinamis. Apakah ada yang punya ide bagaimana untuk mengatasi ini? Di bawah ini adalah kode saya
fungsi SelectChange (idCat) {
$ Post ("getvehiclemodel2.php", {cat: idCat}., Function (data) {
$ ('# MyModel opsi') menghapus ().;
. $ ('# Model li: tidak (: pertama)') menghapus ();
$ ('# MyModel') append. ($ ("Nilai", "") teks ("Pilih Model A") ") attr (.").;
$ ("# Model ul") css ("tampilan", "none").;
var x = 1;
$. Masing-masing (data, fungsi (tombol, nilai) {
$ ('# MyModel').
append ($ ("").
attr ("nilai", kunci).
teks (kunci));
$ ("# Model ul") append ('. '+ kunci +' ');
x + +;
}); Loop / / akhir
}, "Json");
}
Web desainer saya bekerja dengan menggunakan jquery plugin yang disebut livequery. Tidak yakin apa yang dia lakukan tapi mudah-mudahan yang akan mengarahkan Anda ke arah yang benar.
livequery membantu. Fungsi klik tidak bekerja karena dom sudah dimuat, saya tweak kode saya dan digunakan livequery dan ternyata berhasil. Terima kasih atas tipnya
Hai,
Ketika saya menggunakan gaya Jqtransform dalam bentuk aspx saya, bekerja dengan baik tetapi ketika saya menggunakan update panel di halaman gaya khusus yang menghilang di panel update. Aku nggak tahu mengapa hal ini terjadi. bisa ada orang membantu saya keluar?
Terima kasih untuk tip. Ini adalah pertama kalinya saya menghadapi mangling jqTransform dari saya HTML dan kode JS, dan Anda menyelamatkan saya beberapa waktu dan sakit kepala.
IOS memiliki fungsi yang pada dasarnya membesarkan menjatuhkan surut untuk Anda. JQtransform mengubah bentuk elemen standar menjadi bentang. Untuk iPhone saja, bagaimana kita bisa meniru bentuk standar drop down sehingga fungsi zoom akan terjadi?
Hai,
Saya telah menggunakan Plugin jqtransform untuk membuat formulir pendaftaran, saya menghadapi beberapa masalah dalam kotak pilih .. sangat baru untuk merancang .. saya tidak bisa dapat memberikan option group di kotak pilih ... dan satu hal lagi ketika saya memberikan kotak dialog popup untuk div tertentu tidak menunjukkan bahwa format metode jqtransform ... berharap siapa pun yang akan membantu saya untuk memecahkan masalah ini .... sebelum 18 Oktober 2011
Rani puthoor
Hai,
Saya telah menggunakan Plugin jqtransform untuk membuat formulir pendaftaran, saya menghadapi beberapa masalah dalam kotak pilih .. sangat baru untuk merancang .. saya tidak bisa dapat memberikan option group di kotak pilih ... dan satu hal lagi ketika saya memberikan kotak dialog popup untuk div tertentu tidak menunjukkan bahwa format metode jqtransform ... berharap siapa pun yang akan membantu saya untuk memecahkan masalah ini .... sebelum 18 Oktober 2011
Rani puthoor
Hai
Terima kasih untuk solusi, pendekatan lain akan memodifikasi plugin itu sendiri.
Berikut adalah apa yang harus memodifikasi dalam file plugin anda: "http://pastebin.com/S1CBaQ9e"
Berikut adalah sumber lengkap: "http://pastebin.com/Q1pYMKZ2"
HTH
oh yang memiliki pranala di bawah komentar saya tidak blog saya, plz menghapusnya.
Terima kasih!
Banyak untuk ini Terima kasih! Aku hanya menghabiskan 3 jam terakhir mencoba untuk memperbaikinya dengan menyelam ke dalam kode, tapi ini bekerja jauh lebih baik!
Halaman ini adalah besar by the way, telah sangat membantu saya. Baru masalah. Ini semua membantu saya mendapatkan halaman ASPX saya bekerja dengan menggunakan JQtransform. NET 4.0. Saya harus menempatkan formulir ini di situs 2.0. NET dan sekarang memiliki masalah ini.
'Panjang' adalah null atau tidak objek. - Pada dropdown. Bekerja dengan baik di FF, Chrome, Safari, hanya memberikan kesalahan di IE.
Harap membantu.
Saat ini menggunakan baris ini untuk penangan klik:
if (!.. $ pilih [0] SelectedIndex = $ (this) attr ('index')) {$ pilih [0] SelectedIndex = $ (this) attr ('index');.. $ select.trigger (" mengubah ");}
Saya juga mengalami masalah yang sama dan mendekati itu sangat mirip.
Apa yang saya tidak lakukan adalah mengambil nilai yang dipilih dengan cara yang sama seperti contoh kode, tapi bagian yang berbeda saya lakukan adalah saya mengatur "kotak pilih asli" nilai, dan kemudian dilakukan pemicu $ (el). ('Perubahan') ;. pada dropdown sehingga perubahan yang ada () mengikat masih akan terjadi.
Salam,
Paulus Dragoonis.
$ ('Select.jqTransformHidden'). Tinggal ('perubahan', function () {
var thiz = $ (this);
. var text = thiz.find ('pilihan: yang dipilih') teks ();
var ul = thiz.parents ('div.jqTransformSelectWrapper: ul pertama');
ul.find ('a') removeClass ('dipilih').;
ul.find ('a: berisi ("' + teks + '")') addClass ('dipilih');.
. ul.prev () find ('div') teks (teks).;
});
Setelah jqtransform DropDownList tidak bekerja pada tekanan tombol. Saya telah bekerja sekarang mengetik beberapa karakter tetapi ketika saya tekan keydown tidak bergerak ke bawah dan tidak ada yang terjadi. Entah bagaimana fokus menjadi gulungan luar bukan gulir pada dropdown. Apakah seseorang mengalami masalah yang sama? Biarkan aku tahu bagaimana untuk memperbaikinya. Terima kasih :)
ada perpustakaan baru saya buat - csTransPie - mendasarkan pada jqtransform - jqtransform adalah perpustakaan besar tapi benar-benar memiliki banyak masalah, hari ini CSS3 memecahkan banyak masalah tersebut dan saya suka ide kontrol yang kontrol normal dan mencari yang sama di setiap browser
https://github.com/pkoretic/csTransPie
Ini pekerjaan yang sedang berjalan tetapi bahkan sekarang itu lebih baik daripada jqtransform (lebih dari setengah dari css ditulis ulang, banyak bug diselesaikan, bersih css ...)
sekarang Anda dapat menggunakannya per elemen dengan hanya satu kelas!
semua saran are welcome!
Hi there!
Saya pikir solusi Anda benar-benar membantu, bahkan jika saya memiliki masalah besar dengan jqTransForm .. saya tidak tahu apakah Anda bisa membantu saya ..
Saya membuat website dengan Zend Framework. Di website ini, saya punya tabel di mana semua item saya ditampilkan dengan query sql.
Saya menggunakan jqTransForm untuk membuat dan tata letak beberapa (satu untuk memilih jenis, lain untuk memilih sifat, dan dua lainnya)
Saya ingin mengambil nilai dari opsi yang dipilih dan mengirimkannya ke model, dalam rangka untuk memilih hal yang benar dalam database saya dan memesan item saya menurut jenis atau sifat atau yang lain ..
Tapi otpion dipilih dikirim ke div .. dan saya benar-benar tidak tahu cara menggunakannya ...
Bisakah seseorang membantu saya please?
(Maaf untuk inggris buruk saya dan penjelasan saya ..)
halo, terima kasih untuk solusi anda tetapi dapat Anda provid script ini
daynmic
salam