我正在为我网站上的几个文件下载链接添加密码保护。我通过添加一个显示密码提示的 onclick 事件来完成此操作,然后在成功时我使用 window.loaction = /path/to/file_name.zip。我的代码大部分都在工作,只是它下载了错误的文件。如果我单击 id="2012" 的链接,它总是会下载 2011.zip。
链接代码:
<a class="download" id="2011" href="#" onclick="promptPassword()">Download the</br> 2011 CD</a>
<a class="download" id="2011" href="#" onclick="promptPassword()">Download the</br> 2011 CD</a>
Javascript代码:
<script>
$(function promptPassword(){
var tips = $(".validateTips");
function updateTips(t) {
tips
.text(t)
.addClass("ui-state-highlight");
}
$('#password-form').dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Enter": function(file_name) {
var file_name = $('.download').attr('id');
var password = $('#password').val();
var data_html = "password=" + password;
$.ajax({
type: 'POST',
url: 'password.php',
data: "password=" + password,
success: function(password) {
if(password == 'true'){
window.location = 'downloads/' + file_name + '.zip';
$('#password-form').dialog( 'close' );
}
else {
updateTips("Incorrect Password. Please try again.")
$('#password').addClass("ui-state-error")
return false
}
}
});
}
}
});
$( ".download")
.click(function() {
$("#password-form").dialog( "open" );
});
});
</script>
我的问题是:
我应该如何/在 promptPassword 函数中获取激活 promptPassword 事件的下载链接的 ID?我最好的猜测是在 $('.download').click 函数期间,但我如何将它传递给 window.location = 'downloads/' + file_name + '.zip'; 这是 $('#password-form').dialog() 函数的一部分。