Rumah >hujung hadapan web >tutorial js >Ringkasan masalah yang dihadapi dalam jquery.mobile common layout_jquery

Ringkasan masalah yang dihadapi dalam jquery.mobile common layout_jquery

WBOY
WBOYasal
2016-05-16 16:14:58984semak imbas

Projek baru-baru ini menggunakan jquery.mobile untuk mencipta paparan ringkas pada telefon mudah alih. Saya hanya tahu tentang rangka kerja ini sebelum ini, tetapi tidak pernah bermain dengannya.

Terutama dari segi pengikatan acara, berbanding dengan sistem desktop, pelayar adalah semua jenis tidak selesa dan tidak mendapat maksud.

Seperti yang ditunjukkan di bawah, apabila bekerja pada sistem backend, bahagian kiri biasanya dipenuhi dengan modul dan item menu bawahan, yang boleh dikembangkan dan dilipat.

Masalah saya tersekat dalam ulasan terkumpul Untuk menggunakan semula halaman, iframe dibenamkan dalam ulasan terkumpul untuk paparan ulasan.

Ambang pertama

Pelajar yang mempunyai pengalaman dalam pembangunan WEB mudah alih harus tahu bahawa apabila terdapat terlalu banyak kandungan dalam iframe di bawah penyemak imbas IOS, bar skrol tidak akan muncul dan kandungan akan kelihatan terputus.

Setelah menyemak maklumat, akhirnya saya mendapatnya Lagipun skrin telefon bimbit adalah kecil apabila terdapat banyak komen, adalah mustahil untuk mempunyai sebaris butang pusing halaman seperti halaman pada pelayar komputer memang teruk.

Pada masa kini, rolling loading biasanya digunakan. Tulis DEMO dan jalankannya pada komputer terlebih dahulu. Saya menukar telefon mudah alih saya dan mencubanya dengan telefon Android dahulu. Saya rasa ia akan berfungsi.

Menukar kepada iPhone hanya menyelesaikan masalah bar skrol, tetapi pemuatan skrol saya masih ada. Aku sapu berulang kali masih tiada respon yang membuatkan hatiku sejuk. Saya ingin mengatakan sesuatu yang pelik di sini Ia dibenarkan dalam QQ dan WeChat.

Tiada hasil jika anda terus membazir seperti ini, jadi anda harus mencari jalan lain. Pemikiran pertama adalah untuk melakukan ini pada halaman yang berasingan. Jadi kami menemui ambang kedua.

Salin kod Kod adalah seperti berikut:


                             

    & Lt;                                                                                                                                                                                                                                                                                                              


    Di atas sepadan dengan bahagian penilaian terkumpul Selepas mengklik, gaya halaman benar-benar kacau dan acara js tidak dilaksanakan. Melihat kod dengan f12, kecuali elemen html dalam badan, bahagian di kepala, dan js di bahagian bawah halaman, semuanya hilang.
Adakah anda akan menjadi begitu bodoh? Saya bertanya kepada rakan sekerja saya jika mereka menghadapi masalah seperti itu. Mereka berkata tidak mengapa jika mereka menambah rel="external", tetapi ia tidak benar-benar berkesan. Jadi kod itu menjadi seperti berikut:

Salin kod Kod adalah seperti berikut:
                             
    & Lt;                                                                                                                                                                                                                                                                                                              


    Nota: rel='external' adalah serupa dengan target=''_blank'', yang bermaksud membuka halaman baharu


    Ambang ketiga ialah masalah yang disebut dalam tajuk (gambar kepala adalah kesan akhir)

    pandangan senarai boleh lipat Kedua-dua rakan kongsi tidak serasi antara satu sama lain, dan mereka tidak boleh mendapatkan kesan reka letak yang lebih baik.

    Akhirnya mengumpulkan mereka. Ikon boleh lipat menjadi lalai kepada , dan item paparan senarai ialah anak panah kanan untuk menyatukan ikon. Secara lalai, penilaian kumulatif tidak seperti yang ditunjukkan dalam gambar di atas.

    Salin kod

    Kod adalah seperti berikut: Masalah ini telah diselesaikan. Halaman lengkap adalah seperti berikut:


    Salin kod

    Kod adalah seperti berikut:

    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    http://www.w3.org/1999/xhtml">

       
       
       
       
       
       
       
       
       
       


       

           

               
    data-expanded-icon="arrow-u" data-collapsed-icon="arrow-d">
                   

                       

    医院介绍


                       


                   

                   

                       

    套餐相关信息


                       


                   

                   

                       

    使用须知


                       


                   

                   

                       

    查看地图


                       


                   

                   

                   

                         

                                 

      & Lt;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                






    Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.
    Kenyataan:
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn