جی کوئی موبائل دکمه‌ها

ਮੋਬਾਈਲ ਐਪਲੀਕੇਸ਼ਨ ਟੱਚ ਕਾਰਵਾਈ ਦੀ ਸੁਵਿਧਾ ਉੱਤੇ ਬਣਾਈਆਂ ਹਨ。

jQuery Mobile ਵਿੱਚ ਬਟਨ ਬਣਾਉਣਾ

jQuery Mobile ਵਿੱਚ ਬਟਨ ਤਿੰਨ ਤਰੀਕਿਆਂ ਨਾਲ ਬਣਾਏ ਜਾ ਸਕਦੇ ਹਨ:

  • button ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਲਾਟਮ ਦੀ ਵਰਤੋਂ
  • input ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਲਾਟਮ ਦੀ ਵਰਤੋਂ
  • data-role="button" ਦੇ ਵਰਤੋਂ ਵਾਲੇ <a> ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਲਾਟਮ

<button>

<button>ਬਟਨ</button>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

<input>

<input type="button" value="ਬਟਨ">

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

<a>

<a href="#" data-role="button">ਬਟਨ</a>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਸੁਝਾਅ:jQuery Mobile ਵਿੱਚ ਬਟਨਾਂ ਨੂੰ ਸਵੈਚਾਲਿਤ ਤੌਰ 'ਤੇ ਸਟਾਈਲ ਮਿਲਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਉਹ ਮੋਬਾਈਲ ਉਪਕਰਣ 'ਤੇ ਬਿਹਤਰ ਇੰਟਰਐਕਟਿਵਿਟੀ ਅਤੇ ਉਪਯੋਗਤਾ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ। ਅਸੀਂ ਤੁਹਾਨੂੰ ਸਿਫਾਰਸ਼ ਕਰਦੇ ਹਾਂ ਕਿ ਤੁਸੀਂ data-role="button" ਦੇ <a> ਐਲੀਮੈਂਟ ਨੂੰ ਪੰਨਿਆਂ ਵਿਚਕਾਰ ਲਿੰਕ ਬਣਾਉਣ ਲਈ ਵਰਤੋ, ਜਦਕਿ <input> ਜਾਂ <button> ਐਲੀਮੈਂਟ ਫਾਰਮ ਸੰਮੇਲਨ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。

ਨੇਵੀਗੇਸ਼ਨ ਬਟਨ

ਜੇਕਰ ਤੁਸੀਂ ਬਟਨ ਰਾਹੀਂ ਪੰਨਿਆਂ ਨੂੰ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ data-role="button" ਦੇ <a> ਐਲੀਮੈਂਟ ਵਰਤੋ:

مثال

<a href="#pagetwo" data-role="button">ਪੰਜਾਬੀ ਪੰਨਾ ਜਾਓ</a>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਰਾਹੀਂ ਬਟਨ

ਮੂਲ ਰੂਪ ਵਿੱਚ, ਬਟਨ ਪੂਰੇ ਸਕਰੀਨ ਦੀ ਚੌੜਾਈ ਲੈ ਲੈਂਦੇ ਹਨ। ਤੁਸੀਂ ਜੇਕਰ ਬਟਨ ਨੂੰ ਆਪਣੇ ਸਮੱਗਰੀ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਜਾਂ ਜੇਕਰ ਤੁਸੀਂ ਦੋ ਜਾਂ ਵੱਧ ਬਟਨਾਂ ਨੂੰ ਸਾਥੇ ਸਾਥੇ ਦਿਖਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ data-inline="true" ਵਿਸ਼ੇਸ਼ਤਾ ਜੋੜੋ:

مثال

<a href="#pagetwo" data-role="button" data-inline="true">ਪੰਜਾਬੀ ਪੰਨਾ ਜਾਓ</a>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਸਮਾਵੇਂ ਬਟਨ

jQuery Mobile ਨੇ ਬਟਨਾਂ ਨੂੰ ਸਮਾਵੇਂ ਲਈ ਸਰਲ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕੀਤਾ ਹੈ。

data-role="controlgroup" ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ data-type="horizontal|vertical" ਨਾਲ ਮਿਲਾ ਕੇ ਵਰਤੋ, ਤਾਂ ਬਟਨਾਂ ਨੂੰ ਪੱਧਰੀ ਜਾਂ ਊਚਾ ਸਮੂਹ ਵਜੋਂ ਸਮਾਵੇਂ:

مثال

<div data-role="controlgroup" data-type="horizontal">
  <a href="#anylink" data-role="button">ਬਟਨ 1</a>
  <a href="#anylink" data-role="button">ਬਟਨ 2</a>
  <a href="#anylink" data-role="button">ਬਟਨ 3</a>
</div>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਸੁਝਾਅ:ਮੂਲ ਰੂਪ ਵਿੱਚ, ਸਮੂਹਿਕ ਬਟਨ ਊਚਾ ਸਮੂਹ ਹੁੰਦੇ ਹਨ, ਇਨ੍ਹਾਂ ਦਰਮਿਆਨ ਕੋਈ ਬਾਹਰੀ ਮਾਰਜਿਨ ਜਾਂ ਖਾਲੀ ਜਗ੍ਹਾ ਨਹੀਂ ਹੁੰਦੀ। ਅਤੇ ਸਿਰਫ ਪਹਿਲਾ ਅਤੇ ਆਖਰੀ ਬਟਨ ਦੇ ਕੋਲ ਗੋਲਾਕਾਰ ਹੁੰਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਬਣਿਆ ਹੋਇਆ ਅਸਲ ਵਿੱਚ ਸੁੰਦਰ ਦਿਸ਼ਾ ਹੁੰਦੀ ਹੈ。

ਵਾਪਸ ਜਾਣ ਵਾਲੇ ਬਟਨ

ਜੇਕਰ ਤੁਸੀਂ ਵਾਪਸ ਜਾਣ ਵਾਲੇ ਬਟਨ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ data-rel="back" ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤੋ

مثال

<a href="#" data-role="button" data-rel="back">ਵਾਪਸ ਜਾਓ</a>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜ਼ਿਆਦਾਤਰ ਬਟਨ ਲਈ data-* ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤੇ ਜਾਂਦੀਆਂ ਹਨ

ਵਿਸ਼ੇਸ਼ਤਾ مقدار وصف مثال
data-corners بائیو | فالس دکم کو کورنرز کا حصہ بنانے کا. تست
data-mini بائیو | فالس دکم کو چھوٹی دکم کا حصہ بنانے کا. تست
data-shadow بائیو | فالس دکم کا شادیا یا نہیں. تست

جی کوئی موبائل data-* اٹری بیوٹ کی پورے معلومات کے لئے، ہمارے جی کوئی موبائل ڈیٹا اٹری بیوٹ مراجع دستور。

بلاک دکم کو آیکون کا حصہ بنانے کا مثال دیا گیا ہے。