Question

我已经查看了其他主题但是它在某种程度上与我的情况无关。我的代码片段是：

<div class="rowwrap"><a href="example.com">
<button onclick='transferStock(<?php echo $UniqueID; ?>)' type='button' class='ui-disabled btn btn-primary xs'>Transfer</button></div>

rowwrap div在下面的所有行上放置了一个href，但是他们可以通过任何方式禁用影响按钮的链接，以便JS运行transferStock（ID）？

提前致谢。

Answer 1

<button>元素中不能包含<a>。如果要禁用该按钮，则需要使用disabled属性。

<button onclick='transferStock(<?php echo $UniqueID; ?>)' type='button'
        class='ui-disabled btn btn-primary xs' disabled='disabled'>Transfer</button>

不仅仅是您已添加的课程disabled。还要删除孤立的<a>标记。这应该有用。

删除<a>标记完全基于PHP逻辑，或者以它为基础。最好将其删除，或使用display: none隐藏它并将button移到<a>标记之外。

Answer 2

将href值替换为：#/

<a href="#/">Link</a>

此代码段用于更改.rowwrap下的所有锚点。详细信息在来源中注释：

<强>段

＆＃13;

// Collect all anchors that are descendants of .rowwrap
var anchors = document.querySelectorAll('.rowwrap a');

// Store the total number of anchors in qty
var qty = anchors.length;

// On each iteration, set each anchor's href value to: #/
for (let i = 0; i < qty; i++) {
  anchors[i].href = '#/';
}

＆＃13;

<div class="rowwrap">
  <a href="example.com">
<button onclick='transferStock(<?php echo $UniqueID; ?>)' type='button' class='ui-disabled btn btn-primary xs'>
  Transfer
  </button>
  </a>
  <a href="example.com">
<button onclick='transferStock(<?php echo $UniqueID; ?>)' type='button' class='ui-disabled btn btn-primary xs'>
  Transfer
  </button>
  </a>
  <a href="example.com">
<button onclick='transferStock(<?php echo $UniqueID; ?>)' type='button' class='ui-disabled btn btn-primary xs'>
  Transfer
  </button>
  </a>
  <a href="example.com">
<button onclick='transferStock(<?php echo $UniqueID; ?>)' type='button' class='ui-disabled btn btn-primary xs'>
  Transfer
  </button>
  </a>
</div>

＆＃13;

HTML / CSS - 停止href效果按钮

2 个答案: