Rumah  >  Artikel  >  hujung hadapan web  >  Analisis kesukaran tindakan seret dan lepas dalam pelayar mudah alih jQuery_jquery

Analisis kesukaran tindakan seret dan lepas dalam pelayar mudah alih jQuery_jquery

WBOY
WBOYasal
2016-05-16 16:16:001035semak imbas

Artikel ini menggunakan contoh untuk menganalisis kesukaran menyeret dan menjatuhkan dalam penyemak imbas mudah alih jQuery. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Saya pada asalnya ingin melaksanakan butang kawalan yang boleh diseret sesuka hati seperti iPhone dalam halaman web mudah alih, tetapi akhirnya saya mendapati bahawa semuanya sia-sia,

Walaupun tindakan seret dan lepas adalah perkara biasa dalam penyemak imbas mudah alih, adalah mustahil untuk melaksanakan komponen yang boleh diseret dan digugurkan dalam penyemak imbas mudah alih.

Mari kita lihat dahulu cara tindakan seret dan lepas dilakukan pada halaman web PC,

Pertama sekali, kami mempunyai butang yang mengambil tindakan apabila anda menekannya, anda boleh menyeretnya sesuka hati, sama seperti butang kawalan pada iPhone yang anda boleh seret sesuka hati

Bukan mudah untuk menulis lapisan kelabu seperti yang ditunjukkan di atas,

Pertama sekali, kita perlu menukar atribut kedudukan lapisan kelabu kepada abosulte Kemudian perkara utama kerja yang akan dilaksanakan dalam skrip jquery adalah untuk membezakan pasangan tindakan klik dan tetikus turun, kerana klik ialah. pada asalnya sama dengan tetikus turun tetikus, tetapi okey, Selepas tetikus turun untuk tempoh masa, nyahikat serta-merta mengosongkan pengikatan lapisan pada tindakan cilck, memberitahu sistem bahawa tindakan selepas tetikus turun tidak ada kaitan dengan klik Lihat kod sebenar berikut:


Salin kod Kod adalah seperti berikut:
 
 
 
 
jqdrag 
 
 
 
 
 
out