Question

我正在使用mootools开发一个ajax上传文件，现在我试图在html p标签中显示一条消息，说明正在加载，它只是一个简单的消息，只要用户按下按钮提交就会触发，但在提交时永远不会显示按钮被解雇，任何建议？，我不明白为什么，我也按照教程但我不知道，我只是想以这种简单的方式，请帮助

这是我的代码：

       #f1_upload_process{
           z-index:100;
           position:absolute;
           visibility:hidden;
           text-align:center;
           width:400px;
           margin:0px;
           padding:0px;
           background-color:#fff;
           border:1px solid #ccc;
       }
       </style>



   <p id="f1_upload_process">Loading...<br/></p>

   <p id="result"></p>

    <form method="post" action="" enctype="multipart/form-data">   

        <label for="file">Subir un archivo</label>
        <input type="file" name="file" id="fileArchivo" />
        <input type="submit" name="submit" id="btnSubir" value="upload file" />  

   <iframe name="iframUpload" id="iframeUpload" type="file" style="display:none"></iframe>


        </form>

和我的mootols ajax

window.addEvent("domready",function(){
    cargarIndex();                                
});


function cargarIndex()
{   
   var prueboRequest = new Request({
   method: 'POST', 
   url: '../CONTROLLER/inicio.php',
   onRequest: function() {}, 
   onSuccess: function(texto, xmlrespuesta){
   document.getElementById('subirarchivo').innerHTML= texto;
   $('btnSubir').addEvent('click',function(){beginUploading()});  
   },
   onFailure: function(){alert('Error!');}  
   }).send();


}

function beginUploading(){


    document.getElementById('f1_upload_process').style.display = "visible";
        //$(''#f1_upload_process').css({display:'none'});
        return true;


//    return true;
}

Answer 1

function beginUploading(){
$('#f1_upload_process').css('visibility','visible');
return true;
}

在CSS中，您写的是visibility:hidden;而不是display:none; ...

为什么我的函数beginLoading从不做可见的动作？

1 个答案: