我正在尝试创建一个站点,您可以在该站点上通过按一个按钮下载文件。事实是,我希望人们首先单击另一个按钮来订阅youtube频道,然后才能下载文件。因此,在按下订阅按钮后,我必须摆脱下载按钮上的禁用类。下面是我的代码,我在做什么错?
编辑:现在尝试了所有答案,没有一个起作用。我收到此错误,这是什么意思?
未捕获的ReferenceError:未定义$
在index.html:23
第23行是
$('#sub')。on('click',function(event){
$('#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>
最佳答案
jsFiddle:https://jsfiddle.net/qrc3qm2e/
我添加了额外的代码来检查按钮是否不可单击,如果您需要jQuery答案,请点击此链接https://jsfiddle.net/qrc3qm2e/1/
Java脚本
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>