jQuery Mobile বাটন আইকন

jQuery Mobile-এর একটি সংকলন আইকন আপনার বাটনকে আকর্ষণীয় করতে পারে

jQuery Mobile বাটনে আইকন যোগ করা

আপনার বাটনে আইকন যোগ করতে data-icon প্রতিশব্দ ব্যবহার করুন:

<a href="#anylink" data-role="button" data-icon="search">搜索

提示:আপনি <button> অথবা <input> ইলেকট্রনিক তত্ত্বের data-icon প্রতিশব্দ ব্যবহার করতে পারেন:

এখানে আমরা jQuery Mobile-এর কিছু ব্যবহার্য আইকনকে তালিকাভুক্ত করেছি:

প্রতিশব্দ বর্ণনা আইকন প্রতিদর্শ
data-icon="arrow-l" ডানদিকের তীর পরীক্ষা
data-icon="arrow-r" ডান তীর পরীক্ষা
data-icon="delete" মুছে ফেলো পরীক্ষা
data-icon="info" তথ্য পরীক্ষা
data-icon="home" হোম পরীক্ষা
data-icon="back" ফিরে যাওয়া পরীক্ষা
data-icon="search" সার্চ পরীক্ষা
data-icon="grid" গ্রিড পরীক্ষা

jQuery Mobile বাটন আইকনের সম্পূর্ণ তথ্য জানতে আমাদের jQuery Mobile আইকন রেফারেন্স ম্যানুয়াল

আইকনকে অবস্থান দিতে

আপনি আইকনটিকে যে জায়গায় রাখতে চান তা নির্ধারণ করতে পারেন: উপর, ডান, নিচে অথবা ডানদিকে。

অবস্থান নির্ধারণ করতে data-iconpos প্রতিশব্দ ব্যবহার করুন:

আইকনের অবস্থান:

data-iconpos="top">উপর</a>
data-iconpos="right">ডানে</a>
data-iconpos="bottom">নিচে</a>
data-iconpos="left">左

亲自试一试

提示:默认地,所有按钮中的图标靠左放置。

只显示图标

如果只需显示图标,请将 data-iconpos 设置为 "notext":

Back:

data-iconpos="notext">搜索

亲自试一试