رتبه بندی یک فرآیند بسیار ارزشمند است زیرا می تواند پشتیبانی قابل توجهی در ایجاد و ارتقا وب سایت ها و وبلاگ ها فراهم کند. به هر حال ، می تواند بسیار زیبا به نظر برسد. بازدیدکنندگان می توانند برخی از مطالب موجود در سایت یا وبلاگ را ، چه مقالات ، تصاویر و غیره ، ارزیابی کنند. امروز قصد داریم در مورد یک پلاگین jQuery صحبت کنیم که رتبه بندی ایجاد می کند. این پلاگین "پلاگین jQuery Star Rating" نام دارد ، بسیار کاربرپسند و کاربرد آن آسان است و برای کار با آن تلاش زیادی لازم نیست. بنابراین بیایید سعی کنیم یک رتبه بندی در سایت شما ایجاد کنیم.
لازم است
پلاگین jQuery Star Rating plugin
دستورالعمل ها
مرحله 1
افزونه jQuery را بصورت آنلاین بارگیری کنید. کتابخانه پلاگین و پرونده های آن را به هم متصل کنید.
گام 2
فایل CSS را در بایگانی افزونه پیدا کرده و آن را وارد کنید.
به نظر می رسد به این شکل است:
مرحله 3
گروهی از دکمه های رادیویی را ایجاد کنید:
در نتیجه ، به اندازه دکمه ها ستاره وجود خواهد داشت.
اکنون شما یک پلاگین کاملاً کاربردی دارید ، اما می توانید آن را نیز شخصی سازی کنید.
مرحله 4
برای استفاده از اعداد کسری (به این معنی که بازدید کننده بتواند مثلاً یک امتیاز 4 ، 5 را انتخاب کند). برای این کار از ویژگی کلاس استفاده کنید. آن را به صورت زیر تنظیم کنید:
class = "star {split: 2}"
که در آن 2 تعداد قسمتهایی است که شما به آنها ستاره تقسیم می کنید.
اگر می خواهید تعداد مشخصی از ستاره ها به طور پیش فرض انتخاب شوند ، از ویژگی check = "تیک زده" استفاده کنید.
مرحله 5
برای پردازش و تجزیه و تحلیل نتایج رأی گیری ، به یاد داشته باشید: پلاگین صفحه را تغییر می دهد ، به جای دکمه های رادیویی ، یک قسمت مخفی ظاهر می شود که حاوی نتایج رأی گیری است.
برای مثال بالا ، این قسمت چیزی شبیه به این خواهد بود:
به طور کلی ، این همه است. این یک افزونه واقعا کاربردی است که برای کار با آن نیازی به تلاش زیادی نیست. موفق باشید رتبه بندی خود را ایجاد کنید!