ยังไงแบบอักษรที่จะปิดการใช้งานอื่นทั้งหมดที่อยู่เชื่อมโยงใน div เมื่อมีการคลิกของตำแหน่งเชื่อมโยงใน div การใช้จาวาสคริปต์[ที่ซ้ำกัน]

Question 1

ฉันเป็นคนใหม่ต้องจาวาสคริปต์ ฉันหวังว่าจะปิดการใช้งานอื่นทั้งหมดที่อยู่เชื่อมโยงใน div เมื่อมีการคลิกของตำแหน่งเชื่อมโยงใน div. ถ้าฉัคลิกที่มีตำแหน่งเชื่อมโยงในนั้น div นคนอื่นๆที่อยู่เชื่อมโยงในนั้น div ควรจะปิดการใช้งานและ unclickable.

นี่รหัสมันไม่ทำให้ที่อยู่เชื่อมโยง unclickable บมีการคลิกปุ่ม. ถ้ามีความเชื่อมโยงคือมีการคลิกอีกคนที่อยู่เชื่อมโยงในนั้น div ควรจะปิดการใช้งานและ unclickable. ตัวอย่างเช่นถ้ายอมรับเชื่อมต่อมีการคลิกที่ส่วนเชื่อมโยงยอมรับ,ขอปฏิเสธและโต้แย้งข้อเสนอที่อยู่เชื่อมโยงควรจะ unclickable และปิดการใช้งาน.

ส่งออก

function disableButton() {
  document.querySelector("#notify-div a").removeAttribute("href");

}

<div id="notify-div">
  user_name has requested a bid price of bid for quantity of qty for mileage mileage_name of truck truck_name.
  <br> <a href='/truckianAccept/".$lastId."' id='accept' class='btn btn-primary' onclick='disableButton();'>Accept </a>
  <a href='/truckianDecline/".$lastId."' id='decline' class='btn btn-primary' onclick='disableButton();'>Decline </a> <a href='/wstCounterOffer/".$lastId."' id='counter' class='btn btn-primary' onclick='disableButton();'>Counter Offer </a>";
</div>

Question 2

แทนที่จะเป็นลง hrefคุณตั้งค่าเรียนกับจับภาพทุก pointer อยู่ในเหตุการณ์ของ css.

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

CSS:

.disabled {
  pointer-events: none;
}

โปรดจำไว้ว่า href แล้ว onClick จะไม่ทำงานด้วยกัน คุณควรจะมองผ่านเป็นหน้าที่ที่เฉพาะเจาะจงเพื่อกันและเชื่อมโยงที่ดูแลค functionality และปิดการใช้ปุ่มหลังจากสิ่งที่เกิดขึ้น

HDinger · Answer 1 · 2021-11-17T07:06:40

1

แทนที่จะเป็นลง hrefคุณตั้งค่าเรียนกับจับภาพทุก pointer อยู่ในเหตุการณ์ของ css.

function disableButtons() {
  const links = document.querySelectorAll("#notify-div a");

  links.forEach(function(link) {
    link.classList.add('disabled');
  });
}

CSS:

.disabled {
  pointer-events: none;
}

โปรดจำไว้ว่า href แล้ว onClick จะไม่ทำงานด้วยกัน คุณควรจะมองผ่านเป็นหน้าที่ที่เฉพาะเจาะจงเพื่อกันและเชื่อมโยงที่ดูแลค functionality และปิดการใช้ปุ่มหลังจากสิ่งที่เกิดขึ้น

HDinger

2021-11-17 07:06:40

ไม่ได้ทำงานที่ปุ่มไม่ได้ปิดการใช้งานหลังจากการหัส executes

Binsha

มันคืออะไรไม่ได้ทำงาน? ทางออกที่จะปกป้องมีรหัสจากการถูกประหารเมื่อคุณคลิกบนการเชื่อมต่อซึ่งเป็น"ปิดการใช้งาน"หมายความว่า. ถ้าคุณต้องการเชื่อมโยงไปยังดูแตกต่าง,แน่นอนคุณต้องเปลี่ยน styling. ถึงวิธีในการทำอย่างนั้นเป็นยังอธิบายในการเชื่อมต่อแล้ว คำตอบ. จำได้ไหมว่าคุณไม่สามารถใช้ได้ href แล้ว onclick อยู่ด้วยกัน

HDinger

ดังนั้นซึ่งนั่นฟังก์ชันสามารถใช้กับ href?

Binsha

ไม่มีเลยนะ คุณใช้เหมือนกันที่ href แอททริบิวต์สำหรับที่อยู่ url ขอเปลี่ยนปลายทางจดหมายหรือ onClick สำหรับระหว่างประมวลผลเหตุผลจะค่อยเป็นค่อยไป ในกรณีของคุณคุณต้องการที่จะใช้ onClick. ในฟังก์ชันที่คุณผ่านคุณแรกประมวลผลตรรกะเกี่ยวข้องกันปุ่มและหลังจากนั้นเรียกฟังก์ชันแบบอักษรที่จะปิดการใช้งานอีกคนกระดุมอยู่แล้ว

HDinger

<a href='/truckianAccept/".$lastId."' ชื่อ='ยอมรับ'เรียน='btn btn-หลัก'onclick='disableButton();'>ยอมรับ</เป็น>. คือมันที่ถูกต้องที่โทรมาเหรอ?

Binsha

<เป็นชื่อ='ยอมรับ'เรียน='btn btn-หลัก'onclick='executeStuffAndDisableButton();'>ยอมรับ</เป็น>

HDinger

ทำไมมันฟังก์ชัน'executeStuffAndDisableButton();'?

Binsha

เพราะคุณ ไม่สามารถ วาง href ด้วยกันกับ onclick. แทนที่จะเป็นคุณต้องทำทุกอย่างอยู่ในฟังก์ชันคุณผ่าน:กำลังปิดการใช้งานที่ปุ่มเช่นเดียวที่จริงตรรกะ

HDinger

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่