jQuery ปิดการใช้งานลิงค์

ใครรู้วิธีปิดการใช้งานลิงค์ jquery โดยreturn false;ไม่ต้องใช้?

โดยเฉพาะสิ่งที่ฉันพยายามทำคือปิดการใช้งานลิงค์ของรายการทำการคลิกโดยใช้ jquery ซึ่งเป็นตัวกระตุ้นบางสิ่งจากนั้นเปิดใช้งานลิงก์นั้นอีกครั้งเพื่อให้ถ้ามันถูกคลิกอีกครั้ง

ขอบคุณ เดฟ

UPDATE นี่คือรหัส สิ่งที่ต้องทำหลังจากใช้.expandedคลาสแล้วเพื่อเปิดใช้งานลิงค์ที่ถูกปิดใช้งานอีกครั้ง

$('ul li').click(function(e) {
    e.preventDefault();
    $('ul').addClass('expanded');
    $('ul.expanded').fadeIn(300);
    //return false;
});

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

ที่จะป้องกันพฤติกรรมเริ่มต้นของการเชื่อมโยงหลายมิติซึ่งจะไปเยี่ยมชม href ที่ระบุ

จากบทช่วยสอน jQuery :

สำหรับการคลิกและกิจกรรมอื่น ๆ ส่วนใหญ่คุณสามารถป้องกันพฤติกรรมเริ่มต้น - ที่นี่ตามลิงค์ไปยัง jquery.com - โดยเรียก event.preventDefault () ในตัวจัดการเหตุการณ์

หากคุณต้องการpreventDefault()เท่านั้นหากเงื่อนไขบางอย่างเป็นจริง (สิ่งที่ถูกซ่อนสำหรับอินสแตนซ์), คุณสามารถทดสอบการแสดงผลของยูของคุณกับการเรียนการขยายตัว หากสามารถมองเห็นได้ (เช่นไม่ถูกซ่อน) ลิงก์ควรเริ่มทำงานตามปกติเนื่องจากคำสั่ง if จะไม่ถูกป้อนและดังนั้นพฤติกรรมเริ่มต้นจะไม่ถูกป้องกัน:

$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});

ลองสิ่งนี้:

$("a").removeAttr('href');

Edit-

จากรหัสที่อัปเดตของคุณ:

 var location= $('#link1').attr("href");
 $("#link1").removeAttr('href');
 $('ul').addClass('expanded');
 $('ul.expanded').fadeIn(300);
 $("#link1").attr("href", location);

สำหรับคนอื่นที่มาที่นี่ผ่าน google อย่างฉัน - นี่เป็นอีกวิธีหนึ่ง:

css:
.disabled {
  color: grey; // ...whatever
}

jQuery:
$('#myLink').click(function (e) {
  e.preventDefault();
  if ($(this).hasClass('disabled'))
    return false; // Do something else in here if required
  else
    window.location.href = $(this).attr('href');
});

// Elsewhere in your code
if (disabledCondition == true)
  $('#myLink').addClass('disabled')
else
  $('#myLink').removeClass('disabled')

โปรดจำไว้ว่า: ไม่เพียงแค่นี้เป็นคลาส css

class = "buttonstyle"

แต่ยังทั้งสองนี้

class = "buttonstyle ปิดใช้งาน"

เพื่อให้คุณสามารถเพิ่มและลบคลาสเพิ่มเติมด้วย jQuery ได้อย่างง่ายดาย ไม่จำเป็นต้องสัมผัส href ...

ฉันรัก jQuery! ;-)

นี่เป็นทางเลือกอื่น css / jQuery solution ที่ฉันชอบสำหรับการเขียนสคริปต์ที่สั้นลง:

CSS:

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

jQuery:

$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});

คุณสามารถลบคลิกเพื่อลิงค์ได้โดยทำตาม;

$('#link-id').unbind('click');

คุณสามารถเปิดใช้งานลิงค์อีกครั้งโดยทำตามขั้นตอนต่อไปนี้

$('#link-id').bind('click');

คุณไม่สามารถใช้คุณสมบัติ 'ปิดการใช้งาน' สำหรับลิงก์

หากคุณไปเส้นทาง href คุณสามารถบันทึกได้

วิธีปิดใช้งาน:

$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});

จากนั้นเปิดใช้งานอีกครั้งโดยใช้:

$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});

ในกรณีหนึ่งฉันต้องทำเช่นนี้เพราะเหตุการณ์การคลิกถูกผูกไว้กับที่อื่นและฉันไม่สามารถควบคุมมันได้

ฉันมักจะใช้สิ่งนี้ใน jQuery เพื่อปิดการใช้งานลิงก์

$("form a").attr("disabled", "disabled");

ตัวอย่างลิงค์ html:

        <!-- boostrap button + fontawesome icon -->
        <a class="btn btn-primary" id="BT_Download" target="blank" href="DownloadDoc?Id=32">
        <i class="icon-file-text icon-large"></i>
        Download Document
        </a>

ใช้สิ่งนี้ใน jQuery

    $('#BT_Download').attr('disabled',true);

เพิ่มลงใน css:

    a[disabled="disabled"] {
        pointer-events: none;
    }

รายการโปรดของฉันใน "เช็คเอาต์เพื่อแก้ไขรายการและป้องกัน - ฟังก์ชั่น Wild West คลิกที่ใดก็ได้ - ในขณะที่เช็คเอาต์"

$('a').click(function(e) {
    var = $(this).attr('disabled');
    if (var === 'disabled') {
        e.preventDefault();
    }
});

ดังนั้นหากฉันต้องการให้ลิงก์ภายนอกทั้งหมดในแถบเครื่องมือแอ็คชันที่สองควรปิดใช้งานในขณะที่อยู่ใน "โหมดแก้ไข" ตามที่อธิบายไว้ข้างต้นฉันจะเพิ่มในฟังก์ชั่นแก้ไข

$('#actionToolbar .external').attr('disabled', true);

ลิงค์ตัวอย่างหลังจากไฟไหม้:

<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>

และตอนนี้คุณสามารถใช้คุณสมบัติที่ปิดใช้งานสำหรับลิงก์

ไชโย!

คุณควรจะหาคำตอบของคุณที่นี่

ขอบคุณ @Will และ @Matt สำหรับโซลูชันที่สง่างามนี้

jQuery('#path .to .your a').each(function(){
    var $t = jQuery(this);
    $t.after($t.text());
    $t.remove();
});

คุณสามารถซ่อนและแสดงลิงค์ได้ตามต้องการ

$(link).hide();
$(link).show();

เพียงแค่ทริกเกอร์สิ่งของตั้งค่าสถานะคืนค่าเท็จ หากมีการตั้งค่าสถานะ - ไม่ทำอะไรเลย

unbind()เลิกใช้แล้วjQuery 3ใช้off()วิธีแทน:

$("a").off("click");

ฉันรู้ว่านี่ไม่ใช่ jQuery แต่คุณสามารถปิดการใช้งานลิงค์ด้วย CSS ง่ายๆ:

a[disabled] {
  z-index: -1;
}

HTML จะมีลักษณะเช่น

<a disabled="disabled" href="/start">Take Survey</a>

สิ่งนี้ใช้ได้กับลิงก์ที่มีชุดคุณสมบัติ onclick ในบรรทัด นอกจากนี้ยังช่วยให้คุณสามารถลบ "คืนเท็จ" ในภายหลังเพื่อเปิดใช้งาน

        //disable all links matching class
        $('.yourLinkClass').each(function(index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", "return false; " + OnClickValue);
        });

        //enable all edit links
        $('.yourLinkClass').each(function (index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", OnClickValue.replace("return false; ", ""));
        });

$("a").prop("disabled", true);ใช้เพียงแค่ นี่จะปิดการใช้งานองค์ประกอบการเชื่อมโยง prop("disabled", true)จะต้องมีการ อย่าใช้attr("disabled", true)