کد آماده جی کوئری موبایل دکمه در دو طرح

codenama.ir-jquery-obile-button

سلام.توی ای پست که اولین پست با موضوع جی کوئری موبایله یک کد آماده جی کوئری موبایل آماده کردم که با استفاده از اون میشه یک دکمه به شکل دکمه ی توی پیش نمایش به صفحه اضافه کرد.این دکمه ها بصورت عریض هستن ولی کدی هست که با استفاده از اون میتونید دکمه رو از این حالت خارج کنید.این دگمه ها احتما توی کد نویسی فون گپ هم کار کنن.

نکته مهم:

برای این که این دکمه به درستی به نمایش در بیاد باید از دو فایل جی کوئری موبایل(یکی CSS و یکی JS)و فایل جی کوئری موبایل توی صفحتون استفاده شده باشن یعنی یک چیز شبیه این:

کد آماده دکمه جی کوئری موبایل

بری نمایش طرح اول:

برای نمایش طرح دوم”

همونطور که گفته شد این دکمه ها بصورت عریض هستن ، اگه میخواید این دکمه ها به این شکل نباشن از این عبارت توی کد استفاده کنید:

به این شکل:

توجه:

این دو کد رو اگه بصورت مستقیم توی تگ body بذارید کار نمیکنه(برای من که کار نکرد! 🙂 ) ولی زمانی که توی تگ div که مقدار data-role اون page باشه رو امتحان کردم و کار میکنه.

این هم یک نمونه کد که هر دو طرح دکمه توش به کار رفته:

ورود به صفحه پیشنمایش کد بالا

 

ابوالفضل

علاقه مند به برنامه نویسی اندروید ، طراحی وب و گرافیک

مطالب مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شانزده − 8 =

www.000webhost.com