چگونه می توان رتبه بندی کرد

فهرست مطالب:

چگونه می توان رتبه بندی کرد
چگونه می توان رتبه بندی کرد

تصویری: چگونه می توان رتبه بندی کرد

تصویری: چگونه می توان رتبه بندی کرد
تصویری: داستان رتبه برتر کنکور که چگونه به پزشکی رسید 2024, ممکن است
Anonim

رتبه بندی یک فرآیند بسیار ارزشمند است زیرا می تواند پشتیبانی قابل توجهی در ایجاد و ارتقا وب سایت ها و وبلاگ ها فراهم کند. به هر حال ، می تواند بسیار زیبا به نظر برسد. بازدیدکنندگان می توانند برخی از مطالب موجود در سایت یا وبلاگ را ، چه مقالات ، تصاویر و غیره ، ارزیابی کنند. امروز قصد داریم در مورد یک پلاگین jQuery صحبت کنیم که رتبه بندی ایجاد می کند. این پلاگین "پلاگین jQuery Star Rating" نام دارد ، بسیار کاربرپسند و کاربرد آن آسان است و برای کار با آن تلاش زیادی لازم نیست. بنابراین بیایید سعی کنیم یک رتبه بندی در سایت شما ایجاد کنیم.

چگونه می توان رتبه بندی کرد
چگونه می توان رتبه بندی کرد

لازم است

پلاگین jQuery Star Rating plugin

دستورالعمل ها

مرحله 1

افزونه jQuery را بصورت آنلاین بارگیری کنید. کتابخانه پلاگین و پرونده های آن را به هم متصل کنید.

گام 2

فایل CSS را در بایگانی افزونه پیدا کرده و آن را وارد کنید.

به نظر می رسد به این شکل است:

مرحله 3

گروهی از دکمه های رادیویی را ایجاد کنید:

در نتیجه ، به اندازه دکمه ها ستاره وجود خواهد داشت.

اکنون شما یک پلاگین کاملاً کاربردی دارید ، اما می توانید آن را نیز شخصی سازی کنید.

مرحله 4

برای استفاده از اعداد کسری (به این معنی که بازدید کننده بتواند مثلاً یک امتیاز 4 ، 5 را انتخاب کند). برای این کار از ویژگی کلاس استفاده کنید. آن را به صورت زیر تنظیم کنید:

class = "star {split: 2}"

که در آن 2 تعداد قسمتهایی است که شما به آنها ستاره تقسیم می کنید.

اگر می خواهید تعداد مشخصی از ستاره ها به طور پیش فرض انتخاب شوند ، از ویژگی check = "تیک زده" استفاده کنید.

مرحله 5

برای پردازش و تجزیه و تحلیل نتایج رأی گیری ، به یاد داشته باشید: پلاگین صفحه را تغییر می دهد ، به جای دکمه های رادیویی ، یک قسمت مخفی ظاهر می شود که حاوی نتایج رأی گیری است.

برای مثال بالا ، این قسمت چیزی شبیه به این خواهد بود:

به طور کلی ، این همه است. این یک افزونه واقعا کاربردی است که برای کار با آن نیازی به تلاش زیادی نیست. موفق باشید رتبه بندی خود را ایجاد کنید!

توصیه شده: