按下另一个<a>按钮后，从<a>按钮中删除类

Question

我正在尝试创建一个站点，您可以在该站点上按下按钮下载文件。问题是，我希望人们先点击另一个按钮，订阅youtube频道，然后才能下载文件。所以，在按下订阅按钮后，我必须去掉下载按钮上的禁用类。下面是我的代码，我做错什么了？

编辑:现在尝试了所有的答案，没有一个有效。我得到了这个错误，这是什么意思？

未定义的ReferenceError：$未在index.html:23中定义

第23行是

$(#sub‘).on(单击)，函数(事件){

​

$('#sub').on('click',function()){
  $('#dl').removeClass('disabled');
});

.disabled {opacity: 0.8; cursor: not-allowed;}
.size-3 {font-size: 16px;}
.btn {
  font: 100%/1.1 "Quicksand", sans-serif;
  background-color: rgba(0,0,0,0.3);
  border: 2.2px solid #ecf0f1;
  color: #ffffff;
  padding: 12px 62px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: none;
  font-size: 20px;
  margin: 3px 6.9px;
  cursor: pointer;
  transition-duration: 0.4s;
}

<a id="sub" href="#" class="btn size-3">Subscribe to ZERO</a>
<a id="dl" href="#" class="btn size-3 disabled">Download Exyther</a>

​

Answer 1

jsFiddle：https://jsfiddle.net/qrc3qm2e/

我增加了额外的代码来检查这个按钮是否应该是不可点击的，如果你需要一个jQuery的答案，请按照这个链接https://jsfiddle.net/qrc3qm2e/1/

Javascript

var subElement = document.getElementById("sub");
var dlElement = document.getElementById("dl");
subElement.onclick = function(event)
{
    dlElement.classList.remove('disabled');
    dlElement.removeAttribute('disabled');
};

dlElement.onclick = function(event)
{
    if(dlElement.className.indexOf('disabled') > -1)
  {
    event.preventDefault();
    return;
  }
};

HTML

<a id="sub" href="#" target="blank" class="btn size-3">Subscribe to ZERO</a>
<a id="dl" href="#" target="blank" class="btn size-3 disabled" disabled="disabled">Download Exyther</a>

Answer 2

这使您的代码出现错误：function()) <<双关闭

正确的JS

$('#sub').on('click',function(event){
  event.preventDefault();
  $('#dl').removeClass('disabled');
});

Answer 3

https://codepen.io/jacobweyer/pen/JNzgJE?editors=1111

下面是这个问题的代码

​

$('#sub').on('click', function(event){
  if (event.preventDefault) {
    event.preventDefault();
  }
  
  $('#dl').removeClass('disabled');
});

​

您没有关闭函数，但也可以将事件添加到函数中。这将将click事件传递到jquery中。

通过单击事件，您实际上可以通过防止a标记上的默认操作来防止页面跳转。