Saya ingin tahu bagaimana menanamkan tag div saya, yang saya inginkan berada di dalam tab tab jquery: Saya memiliki kode ini: Namun, ini tidak benar menanamkan div (panel id) ke dalam div tabs-1 dan hanya Keluar di bagian bawah tab, tidak di dalamnya, namun tetap hilang saat saya klik di tab yang lain. Saya telah melampirkan gambar yang menunjukkan masalah saya, mohon maaf jika konten di dalamnya tidak relevan. Silahkan klik link ini untuk melihat masalahnya: i. stack. imgurZImwI. png. Seperti yang bisa Anda lihat, itu tidak ada di dalam tab, namun tetap hilang saat yoy mengklik tab lain. Apa yang harus saya lakukan untuk bisa benar-benar memasukkan div itu, yang tidak akan saya ubah, masuk ke tab sehingga benar-benar masuk ke dalamnya. Saya telah mencoba untuk membuat ini sejelas mungkin. ThanksjQuery UI Demos jQuery UI menawarkan kombinasi interaksi, efek, widget, utilitas, dan tema yang dirancang untuk bekerja dengan baik bersama-sama atau dengan sendirinya. Bermain dengan demo, melihat sumbernya, membangun sebuah tema. Baca dokumentasi API dan mulai menggunakan jQuery UI sekarang. Interaksi Interaksi menambahkan perilaku dasar mouse ke elemen apapun. Anda dapat membuat daftar sortable, elemen resizable, drag amp drop perilaku dan lebih dengan hanya beberapa baris kode. Interaksi juga membuat blok bangunan yang hebat untuk widget dan aplikasi yang lebih kompleks. Widget adalah fitur lengkap kontrol UI yang membawa kekayaan aplikasi desktop ke Web. Semua widget memberikan inti yang solid dengan banyak titik perpanjangan untuk menyesuaikan perilaku, serta dukungan penuh. Efek menambahkan dukungan untuk menghidupkan warna dan transisi kelas, serta memberikan beberapa tambahan tambahan. Selain itu, rangkaian lengkap efek khusus tersedia untuk digunakan saat menampilkan dan menyembunyikan elemen atau hanya untuk menambahkan beberapa daya tarik visual. Utilitas yang digunakan oleh jQuery UI untuk membangun interaksi dan widget. InteraksiTabs Widget Interaksi keyboard Saat fokus pada tab, ada perintah utama yang tersedia: UP LEFT. Pindahkan fokus ke tab sebelumnya. Jika pada tab pertama, bergerak fokus ke tab terakhir. Aktifkan tab terfokus setelah penundaan singkat. BAWAH KANAN Pindahkan fokus ke tab berikutnya. Jika pada tab terakhir, bergerak fokus ke tab pertama. Aktifkan tab terfokus setelah penundaan singkat. CTRL UP LEFT. Pindahkan fokus ke tab sebelumnya. Jika pada tab pertama, bergerak fokus ke tab terakhir. Tab yang terfokus harus diaktifkan secara manual. CTRL DOWN RIGHT. Pindahkan fokus ke tab berikutnya. Jika pada tab terakhir, bergerak fokus ke tab pertama. Tab yang terfokus harus diaktifkan secara manual. RUMAH. Pindahkan fokus ke tab pertama. Aktifkan tab terfokus setelah penundaan singkat. AKHIR. Pindahkan fokus ke tab terakhir. Aktifkan tab terfokus setelah penundaan singkat. CTRL HOME Pindahkan fokus ke tab pertama. Tab yang terfokus harus diaktifkan secara manual. CTRL END. Pindahkan fokus ke tab terakhir. Tab yang terfokus harus diaktifkan secara manual. RUANG. Aktifkan panel yang terkait dengan tab terfokus. MEMASUKKAN. Aktifkan atau toggle panel yang terkait dengan tab terfokus. PILIHAN ALT PAGE UP. Pindahkan fokus ke tab sebelumnya dan segera aktifkan. ALT OPTION PAGE DOWN Pindahkan fokus ke tab berikutnya dan segera aktifkan. Saat fokus berada di panel, tersedia perintah utama berikut: CTRL UP. Pindahkan fokus ke tab terkait. PILIHAN ALT PAGE UP. Pindahkan fokus ke tab sebelumnya dan segera aktifkan. ALT OPTION PAGE DOWN Pindahkan fokus ke tab berikutnya dan segera aktifkan. Widget tab menggunakan kerangka CSS jQuery UI untuk menonjolkan tampilan dan nuansanya. Jika tab styling tertentu diperlukan, nama kelas CSS berikut dapat digunakan untuk mengganti atau sebagai kunci untuk opsi kelas: ui-tabs. Penampung terluar dari tab. Elemen ini juga memiliki kelas ui-tabs-dilipat saat opsi yang dapat dilipat ditetapkan. Ui-tab-nav Daftar tab. Tab ui-tabs Salah satu item dalam daftar tab. Item aktif akan memiliki kelas ui-tabs-active. Item daftar mana pun yang memuat konten terkaitnya melalui panggilan Ajax akan memiliki kelas ui-tabs-loading. Ui-tabs-anchor Jangkar digunakan untuk mengganti panel. Panel ui-tab. Panel terkait dengan tab. Hanya panel yang tab yang sesuai aktif akan terlihat. Dependensi Catatan Tambahan: Widget ini membutuhkan beberapa CSS fungsional, jika tidak, karya tersebut akan berhasil. Jika Anda membuat tema kustom, gunakan widgetaposs file CSS khusus sebagai titik awal. ActivexA0 Panel yang saat ini terbuka. Beberapa jenis didukung: Boolean. Setting active to false akan meruntuhkan semua panel. Ini membutuhkan pilihan yang bisa dilipat untuk menjadi kenyataan. Integer. Indeks berbasis nol dari panel yang aktif (terbuka). Nilai negatif memilih panel yang mundur dari panel terakhir. Contoh kode: Inisialisasi tab dengan opsi aktif yang ditentukan:
No comments:
Post a Comment