অক্ষম href ট্যাগ

Question

যদিও এই লিঙ্কটি অক্ষম করা আছে, এটি এখনও ক্লিকযোগ্য।

<a href="/" disabled="disabled">123n</a>

এটি অক্ষম হলে আমি কি এটি ক্লিকযোগ্য নয়? আমি জাভাস্ক্রিপ্ট অগত্যা ব্যবহার করা উচিত?

Comments

Stackoverflow.com/questions/2091168/disable-a-link-using-css

— ফ্রেড ফু

কেবলমাত্র স্পষ্টতার জন্য: আমি অনুমান করছি আপনি কী বোঝাতে চেয়েছেন তা হল আপনি লিঙ্কটি অক্ষম করেছেন তবে "ক্লিক" ইভেন্টটি এখনও জ্বলতে থাকে?

— লেবি হ্যাকউইথ

আপনি পয়েন্টার-ইভেন্টগুলি ব্যবহার করতে পারেন: কোনওটি নয়; মধ্যে CSS

— ppsreejith

আপনি প্রতিরোধ ডিফল্ট () ব্যবহার করতে পারেন; stackoverflow.com/questions/1357118/...

— Ciack404

তবে কেন কেবল href গুণাবলী মুছে ফেলবেন না?

— মিঃবোজঙ্গলস

Answer 1

হাইপারলিঙ্কগুলির জন্য কোনও অক্ষম বৈশিষ্ট্য নেই। আপনি যদি কোনও লিঙ্কযুক্ত না চান তবে আপনাকে <a>ট্যাগটি পুরোপুরি সরিয়ে ফেলতে হবে, বা এর hrefবৈশিষ্ট্যটি মুছে ফেলতে হবে ।

Comments

এটি কাজ করে, তবে আপনি যদি এটিতে বিদ্যমান সিএসএস ছেড়ে যান তবে আমি এটি খারাপ ইউএক্স হিসাবে বিবেচনা করব। ব্যবহারকারী এটিতে ক্লিক করবেন এবং ভাবেন যে কিছু ভেঙে গেছে। যা ঘটছে তা সম্পর্কে আপনার কখনও ব্যবহারকারীকে বিভ্রান্ত হওয়ার অনুমতি দেওয়া উচিত নয়।

— agm1984

সবেমাত্র কার্সার যুক্ত করা: কোনটি নয়; প্রাসঙ্গিক লিঙ্কটি কার্সারের মতোই অর্জন করেছে বলে মনে হচ্ছে: কিছুই নয়; পয়েন্টার-ইভেন্টস: কিছুই নয়; । । । । যে কোনও হারে এটি আমার জন্য একটি একক পৃষ্ঠার অ্যাপ্লিকেশন সাইটের পৃষ্ঠার পরিবর্তন সক্ষম করে।

— ট্রাঙ্ক

লিঙ্কটি তখনও ফোকাসযোগ্য এবং "ক্লিকযোগ্য" (এন্টার ব্যবহার করে) কীবোর্ড নেভিগেশন ব্যবহার করে এমনকি আপনি সিএসএস কার্সার বা পয়েন্টার-ইভেন্টগুলি ব্যবহার করেন, এটি সম্ভবত খারাপ যদি আপনি কোনও কিছু অক্ষম করার চেষ্টা করছেন তবে হেরেফ বৈশিষ্ট্যটি মুছে ফেলুন বা এটিকে রূপান্তর করুন স্প্যান

— টম গোল্ডেন

আপনি onclick="return false;"অ্যাঙ্কর ট্যাগ এ যুক্ত করতে পারেন এবং সম্ভবত একটি titleবৈশিষ্ট্য যুক্ত করতে পারেন যা ব্যাখ্যা করে যে লিঙ্কটি বৈধ নয়।

— ক্রেগ লন্ডন

এছাড়াও, আমি বিশ্বাস করি যে এটি কেবল সাফ করা hrefএবং ছেড়ে যাওয়া <a>এডিএ অনুসারে চলবে না।

— স্লোথফ্রেন্ড

Answer 2

সিএসএসের সাহায্যে আপনি হাইপারলিংকটি অক্ষম করবেন। নীচে চেষ্টা করুন

a.disabled {
  pointer-events: none;
  cursor: default;
}

<a href="link.html" class="disabled">Link</a>

Comments

দয়া করে মনে রাখবেন এটি কেবল ইন্টারনেট এক্সপ্লোরার 11+

— প্যাট্রিক হিলার্ট

ট্যাব কী সহ লিংক ট্যাগগুলিতে ফোকাস করুন এবং এন্টার টিপুন যখন এই সম্পত্তিটি কাজ করে না।

— মাজিদ বসিরতী

যদি আপনি IE9-10 যত্ন সম্পর্কে না শুধুমাত্র উত্তর হওয়া উচিত

— রিংগো

এটি হোভার ইভেন্টটি অক্ষম করে, যার অর্থ কার্সার স্টাইলিং কাজ করে না। (<span> & # x20E0; </span> <- আপনার অক্ষম লিঙ্কে এর কোনও কিছুই নেই))

— শেঠ বটিন

সক্রিয় এবং অক্ষম লিঙ্কগুলির মধ্যে পার্থক্য করতে অস্বচ্ছতাও ব্যবহার করুন। opacity: 0.5;

— আমের শাহজাদ

Answer 3

তুমি ব্যবহার করতে পার:

<a href="/" onclick="return false;">123n</a>

Comments

ক্লিক ইভেন্টের জন্য হ্যান্ডলার হিসাবে যদি ইতিমধ্যে কোনও ফাংশন থাকে তবে কাজ করবে না

— রাহুল শুক্ল

Answer 4

আপনি এই সমাধানগুলির মধ্যে একটি ব্যবহার করতে পারেন:

এইচটিএমএল

<a>link</a>

জাভাস্ক্রিপ্ট

<a href="javascript:function() { return false; }">link</a>
<a href="/" onclick="return false;">link</a>

সিএসএস

<a href="www.page.com" disabled="disabled">link</a>

<style type="text/css">
    a[disabled="disabled"] {
        pointer-events: none;
    }
</style>

---

Answer 5

এটা চেষ্টা কর:

<a href="javascript:void(0)" style="cursor: default;">123n</a>

Comments

সঠিক, আমি সর্বদা href = "জাভাস্ক্রিপ্ট: শূন্য (0)" ব্যবহার করি

— জান হামারা

এটিও একটি দুর্দান্ত স্পর্শ, যদি আপনি এখনও "কপির লিঙ্ক"

— বিকাশকারী এসপিএম

Answer 6

<a>ট্যাগ একটি নেই disabledগুণ, ঠিক যে <input>গুলি (এবং <select>s এবং <textarea>গুলি)।

কোনও লিঙ্কটি "অক্ষম" করতে, আপনি এর hrefবৈশিষ্ট্যটি মুছে ফেলতে পারেন বা ক্লিক হ্যান্ডলার যুক্ত করতে পারেন যা মিথ্যা প্রত্যাবর্তন করে।

Comments

@ রকেট কি এইচআরএফ বৈশিষ্ট্যটি অপসারণ করার কোনও প্রভাব আছে? মানে, এটি একটি বাধ্যতামূলক বৈশিষ্ট্য বলে মনে করা হচ্ছে। এই ধরণের জিনিস আজকাল অনেক কিছু মনে হয় না।

— রিঙ্গো

@ রিঙ্গো: hrefআপনি যখন সরান তখন কর্সারটি অপসারণ কর্সার পরিবর্তন করতে পারে না।

— রকেট হাজমত 21

Answer 7

এ <a>থেকে মুক্তি পেতে আপনার ট্যাগ সরিয়ে ফেলতে হবে।

বা ব্যবহার করে দেখুন: -

  <a href="/" onclick="return false;">123n</a>

Answer 8

এইচটিএমএল:

<a href="/" class="btn-disabled" disabled="disabled">123n</a>

সিএসএস:

.btn-disabled,
.btn-disabled[disabled] {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

Answer 9

টিপস 1: সিএসএস ব্যবহার করে pointer-events: none;

টিপস 2: জাভাস্ক্রিপ্ট ব্যবহার করা javascript:void(0) (এটি সেরা অভ্যাস)

<a href="javascript:void(0)"></a>

টিপস 1: জ্যাকুরি ব্যবহার করে $('selector').attr("disabled","disabled");

Answer 10

কেবল সিএসএস: এটি লিঙ্কটি সরিয়ে দেয় href।

.disable { 
    pointer-events: none; 
    cursor: default; 
}

Answer 11

পিতামাতাকে দেওয়া এই pointer-events: noneশিশুটিকে এইভাবে অক্ষম করে দেবে a-tag(এটি প্রয়োজন যে ডিভটি ক এর প্রস্থে রয়েছে এবং এর প্রস্থ 0 বা উচ্চতা নেই):

<div class="disabled">
   <a href="/"></a>
</div>

কোথায়:

.disabled {
    pointer-events: none;
}

Comments

আপনি সরাসরি <a> ট্যাগে "পয়েন্টার-ইভেন্টস: কিছুই নয়" শৈলীটি প্রয়োগ করতে পারেন, উদাহরণস্বরূপ জাভাস্ক্রিপ্টের সাথে। অক্ষম শ্রেণীর যোগ করে যখন আপনি এটি অক্ষম করতে চান। একটি মোড়ক <ডিভি> প্রয়োজন হয় না।

— লেস নাইটিংল

এখানে প্রদর্শিত হিসাবে মোড়ানো প্রয়োজন হয় না: ক্রোম, ফায়ারফক্স এবং সাফারি জন্য https://jsfiddle.net/d1owm1d0/1/ আপনি কি অন্য কোনও ব্রাউজার ব্যবহার করছেন যেখানে আমার ডেমো ব্যর্থ হয়?

— লেস নাইটিংল

@ লেসনাথিংগিল যদি কোনও ট্যাগ কোনও জিনিস মুড়ে

— ফেরাস

এটি সঠিক @ ফেরাস আমি কেন নিশ্চিত তা জানি না।

— লেস

Answer 12

$(document).ready(function() {
   $('a').click(function(e) {
     e.preventDefault();
  });
});

Comments

এই কোডটি ডান ক্লিকে কাজ করছে o সুতরাং, এটি কোনও সঠিক সমাধান নয়।

— লখন

Answer 13

আপনি এই কোডটি ব্যবহার করে রান সময়ে জাভাস্ক্রিপ্ট ব্যবহার করে লিঙ্কটি অক্ষম করতে পারেন

$ ('। পৃষ্ঠা-লিঙ্ক')। সিএসএস ("পয়েন্টার-ইভেন্ট", "কিছুই নয়");

Comments

পার্টিতে দেরীতে, তবে এটি যে কোনও কার্সর সিএসএসও সরিয়ে দেয়। আমার ক্ষেত্রে, কোনও লিঙ্ক অক্ষম থাকলে আমি "কার্সার: অনুমোদিত নয়" ব্যবহার করি।

— স্টিভ

Answer 14

আপনি যদি পয়েন্টার থেকে মুক্তি পেতে চান তবে আপনি CSS এর সাহায্যে কার্সার ব্যবহার করে এটি করতে পারেন ।

Answer 15

আপনি একটি <a>ট্যাগে অক্ষম বৈশিষ্ট্য অনুকরণ করতে পারেন ।

<a href="link.html" disabled="">Link</a>

a[disabled] {
   pointer-events: none;
   cursor: default;
}

Answer 16

আমার ক্ষেত্রে, আমি ব্যবহার করি

<a href="/" onClick={e => e.preventDefault()}>

Answer 17

আমার একটা আছে:

<a href="#">This is a disabled tag.</a>

আশা করি এটা তোমাকে সাহায্য করবে ;)

Comments

হাই ওয়েরেনভারলিভিটস, স্বাগতম। ভাল লাগলো, 7-8 বছর পরে আপনি এই জাতীয় উত্তরটি প্রথম ব্যক্তি হবেন না!

— টিয়াগো মার্টিনস পেরেস

Answer 18

আমরা এটি সরাসরি অক্ষম করতে পারি না তবে আমরা নিম্নলিখিতগুলি করতে পারি

1. যোগ type="button"।
2. href=""বৈশিষ্ট্য অপসারণ ।
3. যোগ disabledঅ্যাট্রিবিউট তাই এটি দেন ধাবনকারী পরিবর্তন করে যে তার অক্ষম এবং এটি অস্পষ্ট হয়ে যায়।

নিম্নলিখিত একটি উদাহরণ

<?php
if($status=="Approved"){ 
?>
  <a type="button" class="btn btn-primary btn-xs" disabled> EDIT
     </a>
  <?php    
}else{
?>
  <a href="index.php" class="btn btn-primary btn-xs"> EDIT
    </a>
  <?php    
}
?>

Answer 19

আমি এনজি-হেরেফ টার্নারি অপারেশন ব্যবহার করে কাঙ্ক্ষিত ফলাফল অর্জন করতে সক্ষম হয়েছি

<a ng-href="{{[condition] ? '' : '/'}}" ng-class="{'is-disabled':[condition]}">123n</a>

কোথায়

a.is-disabled{
   color: grey;
   cursor: default;

   &:hover {
      text-decoration: none;
   }
} 

Answer 20

বোতাম এবং লিঙ্কগুলি সঠিকভাবে ব্যবহার করুন।

T বোতামগুলি ওয়েব পৃষ্ঠায় স্ক্রিপ্টযুক্ত কার্যকারিতা সক্রিয় করে (ডায়ালগগুলি, প্রসারিত / পতন অঞ্চলগুলি)।

। লিঙ্কগুলি আপনাকে অন্য কোনও স্থানে নিয়ে যায়, হয় ভিন্ন পৃষ্ঠায় বা একই পৃষ্ঠায় ভিন্ন লোকেশনে।

আপনি যদি এই নিয়মগুলি অনুসরণ করেন তবে আপনাকে কোনও লিঙ্কটি অক্ষম করার দরকার হলে কোনও পরিস্থিতি হবে না। এমনকি আপনি যদি কোনও লিঙ্ক তৈরি করেন তবে দৃষ্টিশক্তি অক্ষম এবং ফাঁকা অন্লিক করুন

<a href="" ng-click="Ctrl._isLinkActive && $ctrl.gotoMyAwesomePage()"

আপনি অ্যাক্সেসিবিলিটি বিবেচনা করবেন না এবং স্ক্রিন পাঠকরা এটি একটি লিঙ্ক হিসাবে পড়বে এবং দৃষ্টি প্রতিবন্ধী লোকেরা ভাবতে থাকবে যে লিঙ্কটি কেন কাজ করছে না।

Answer 21

আপনি যদি ওয়ার্ডপ্রেস ব্যবহার করে থাকেন তবে আমি এমন একটি প্লাগইন তৈরি করেছি যা কোনও কোড কীভাবে করতে হয় তা না জেনে এটি এবং আরও অনেক কিছু করতে পারে। আপনাকে যা করতে হবে তা হ'ল আপনি যে লিঙ্কটি অক্ষম করতে চান তার নির্বাচক যুক্ত করুন এবং তারপরে "একটি নতুন ট্যাবে এই নির্বাচকের সাথে সমস্ত লিঙ্ক অক্ষম করুন" নির্বাচন করুন। ড্রপডাউন মেনু থেকে প্রদর্শিত হবে এবং আপডেট ক্লিক করুন।

এটি দেখায় এমন একটি জিআইএফ দেখতে এখানে ক্লিক করুন

এটি চেষ্টা করার জন্য আপনি WordPress.org প্লাগইন সংগ্রহশালা থেকে বিনামূল্যে সংস্করণটি পেতে পারেন ।

Answer 22

ট্যাগটি অক্ষম করার বিভিন্ন উপায় এখানে রয়েছে:

<a >Link Text</a> remove the href from your anchor tag
<a href=”javascript:void(0)”/>Link text</a> put javascript:void(0) in href
<a href="/" onclick="return false;">Link text</a> using return false

অ্যাঙ্কর ট্যাগের জন্য কোনও অক্ষম বৈশিষ্ট্য নেই। আপনি যদি কোনও jQuery ফাংশনের অভ্যন্তরে অ্যাঙ্কর ট্যাগ আচরণ বন্ধ করতে চান তবে ফাংশনের শুরুতে আপনি নীচের লাইনটি ব্যবহার করতে পারেন:

$( "a" ).click(function( e ) {
e.preventDefault();
$( "<div>" )
.append( "default " + e.type + " prevented" )
.appendTo( "#log" );
});

event.preventDefault ()

Answer 23

আমি দেখতে পাচ্ছি যে এখানে ইতিমধ্যে একটি টন উত্তর পোস্ট করা আছে, তবে আমি মনে করি না যে কোনও স্পষ্ট উত্তর নেই যা ইতিমধ্যে উল্লিখিত পদ্ধতির সাথে মিল রেখে আমার কাজ করেছে। এটি লিঙ্কটি উভয়ই অক্ষম প্রদর্শিত হওয়া এবং ব্যবহারকারীকে অন্য পৃষ্ঠায় পুনঃনির্দেশ না করার জন্য।

এই উত্তরটি ধরে নিয়েছে যে আপনি jquery এবং বুটস্ট্র্যাপ ব্যবহার করছেন এবং hrefঅক্ষম থাকাকালীন সম্পত্তি সাময়িকভাবে সঞ্চয় করতে অন্য একটি সম্পত্তি ব্যবহার করেন ।

//situation where link enable/disable should be toggled
function toggle_links(enable) {
    if (enable) {
        $('.toggle-link')
        .removeClass('disabled')
        .prop('href', $(this).attr('data-href'))
    }
    else {
        $('.toggle-link')
        .addClass('disabled')
        .prop('data-href', $(this).prop('href'))
        .prop('href','#')
    }

a.disabled {
  cursor: default;
}

Answer 24

কিছু সূরা যখন এটি উপরে মাউস ব্রাউজার উইন্ডোর ট্যাগ প্রদর্শিত হবে নীচের অংশে বাম।

আমি ব্যক্তিগতভাবে মনে করি জাভাস্ক্রিপ্টের মতো কিছু রয়েছে : ব্যবহারকারীর কাছে অকার্যকর (0) প্রদর্শিত হবে তা ঘৃণ্য।

পরিবর্তে, href ছেড়ে , jQuery / অন্য যাই হোক না কেন সঙ্গে আপনার যাদু করুন এবং একটি শৈলী নিয়ম যুক্ত করুন (যদি আপনার এখনও কোনও লিঙ্কের মতো দেখতে প্রয়োজন হয়):

a {
    cursor:pointer;
}

Answer 25

সেরা উত্তর সর্বদা সহজ the কোনও কোডিংয়ের দরকার নেই।

যদি (ক) অ্যাঙ্কর ট্যাগের কোনও href বৈশিষ্ট্য না থাকে তবে এটি কেবলমাত্র হাইপারলিঙ্কের স্থানধারক। সমস্ত ব্রাউজার দ্বারা সমর্থিত!

<a href="/">free web counters</a><br  />
<a "/">free web counters</a>

Answer 26

আপনি মিথ্যা প্রত্যাবর্তন করে অ্যাঙ্গার ট্যাগগুলি অক্ষম করতে পারেন। আমার ক্ষেত্রে আমি জিকিউরি অ্যাকর্ডিয়নের জন্য কৌণিক এবং এনজি-অক্ষমিত ব্যবহার করছি এবং আমার বিভাগগুলি অক্ষম করতে হবে।

সুতরাং আমি এটি ঠিক করার জন্য কিছুটা জেএস স্নিপেট তৈরি করেছি।

       <a class="opener" data-toggle="collapse"
                   data-parent="#shipping-detail"
                   id="shipping-detail-section"
                   href="#shipping-address"
                   aria-expanded="true"
                   ng-disabled="checkoutState.addressSec">
                   Shipping Address</a>
     <script>
          $("a.opener").on("click", function () {
           var disabled = $(this).attr("disabled");
           if (disabled === 'disabled') {
            return false;
           }
           });
     </script>

Answer 27

আপনি যদি কেবলমাত্র লিঙ্কটি সাময়িকভাবে অক্ষম করতে চান তবে পরে সক্ষম করতে এখানে href রেখে যান (যা আমি করতে চেয়েছিলাম) আমি দেখতে পেয়েছি যে সমস্ত ব্রাউজার প্রথম href ব্যবহার করে। তাই আমি করতে পেরেছি:

<a class="ea-link" href="javascript:void(0)" href="/export/">Export</a>

Comments

এটি স্ট্যাকওভারফ্লো . com/q/26341507/1709587 তে বর্ণিত হিসাবে অবৈধ এইচটিএমএল । যদি আপনার প্রেরণাটি কেবল আপনার উত্স কোডের মধ্যে href রাখার জন্য থাকে তবে এটির পুনরুদ্ধার করার জন্য আপনার উত্সটি পরে সম্পাদনা করা সহজ, এমন কিছু উপায় রয়েছে যাতে কোনও মন্তব্য ব্যবহার করার মতো চশমা লঙ্ঘনের সাথে জড়িত না। আমি এটি করার কোনও দৃ reason় কারণ ছাড়াই এই জাতীয় অবৈধ এইচটিএমএল লেখার বিরুদ্ধে সুপারিশ করব।

— মার্ক আমেরিকা

Answer 28

আমার পক্ষে উপযুক্ত বৈকল্পিক:

<script>
  function locker(){
    if ($("a").hasClass("locked")) {
         $("a").removeClass('locked').addClass('unlocked');
         $("a").attr("onClick","return false");
    } else {
         $("a").css("onclick","true");
         $("a").removeClass('unlocked').addClass('locked');
         $("a").attr("onClick","");
    }
  }
</script>

<button onclick="locker()">unlock</button>

<a href="http://some.site.com" class="locked">
  <div> 
      .... 
  <div>
</a>

Answer 29

<a href="/" disabled="true" onclick="return false">123</a>

কেবল যোগ করা: এটি সাধারণভাবে কাজ করে তবে ব্যবহারকারী ব্রাউজারে জাভাস্ক্রিপ্ট অক্ষম করে থাকলে এটি কাজ করবে না।

1) আপনি বুলেটস্ট্র্যাপ 3 প্লাগইন একীকরণের পরে href ট্যাগটি অক্ষম করতে আপনার অ্যাঙ্কর ট্যাগে বুটস্ট্র্যাপ 3 ক্লাসটি ব্যবহার করতে পারেন

<a href="/" class="btn btn-primary disabled">123n</a>

অথবা

2) ব্রাউজারগুলিতে এইচটিএমএল বা জেএস ব্যবহার করে জাভাস্ক্রিপ্ট কীভাবে সক্ষম করবেন তা শিখুন। অথবা ওয়েবসাইট ব্যবহারের আগে জাভাস্ক্রিপ্ট ব্যবহার করে সক্ষম করতে একটি পপ-আপ বলার ব্যবহারকারীর তৈরি করুন