-1

我正在为我网站上的几个文件下载链接添加密码保护。我通过添加一个显示密码提示的 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() 函数的一部分。

4

1 回答 1

0

问题在这里:

var file_name = $('.download').attr('id');

当您尝试从元素集合中获取值时,它只会返回集合中第一个元素的值。

active您可以向单击的元素添加一个类:

$( ".download").click(function() {
         $("#password-form").dialog( "open" );
       $( ".download.active").removeClass('active');
      $(this).addClass('active');
 });

对话框中的Enter按钮:

var file_name = $('.download.active').attr('id');
于 2013-01-27T21:02:38.273 回答