Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果页面中已下载文件,如何更新下载图标_Jquery_Ajax - Fatal编程技术网

Jquery 如果页面中已下载文件,如何更新下载图标

Jquery 如果页面中已下载文件,如何更新下载图标,jquery,ajax,Jquery,Ajax,我的服务器中有图书资料列表。当我单击该文件时,它将自动下载。但我需要更改下载图标,就像图标应指定该文件已下载一样。如何使用jquery更新。您应该能够在不使用javascript的情况下完成此操作。只需使用访问的链接伪选择器。一旦用户点击下载,它就是一个“已访问”链接,显示应该会改变 JSFIDLE不允许链接导航,但这应该会给您一个想法 您应该能够在没有javascript的情况下完成这项工作。只需使用访问的链接伪选择器。一旦用户点击下载,它就是一个“已访问”链接,显示应该会改变 JSFIDL

我的服务器中有图书资料列表。当我单击该文件时,它将自动下载。但我需要更改下载图标,就像图标应指定该文件已下载一样。如何使用jquery更新。您应该能够在不使用javascript的情况下完成此操作。只需使用访问的链接伪选择器。一旦用户点击下载,它就是一个“已访问”链接,显示应该会改变

JSFIDLE不允许链接导航,但这应该会给您一个想法


您应该能够在没有javascript的情况下完成这项工作。只需使用访问的链接伪选择器。一旦用户点击下载,它就是一个“已访问”链接,显示应该会改变

JSFIDLE不允许链接导航,但这应该会给您一个想法


将标签放入div标签中,并相应地更改div标签的innerHTML

  • 初始状态-

     onpageLoad(){
    
         <div id="iconDiv"><img src="readToDownload.png"</div>
    
     }  
    
    onpageLoad(){
    }  
    
  • 当用户单击下载时,onClick事件更改了div的innerHTML

     onClick(){
    
        div.innerHTML = "<img src='downloading.png'/> ";
    
     }
    
    onClick(){
    div.innerHTML=“”;
    }
    

  • 将标签放入div标签中,并相应地更改div标签的innerHTML

  • 初始状态-

     onpageLoad(){
    
         <div id="iconDiv"><img src="readToDownload.png"</div>
    
     }  
    
    onpageLoad(){
    }  
    
  • 当用户单击下载时,onClick事件更改了div的innerHTML

     onClick(){
    
        div.innerHTML = "<img src='downloading.png'/> ";
    
     }
    
    onClick(){
    div.innerHTML=“”;
    }
    

  • 如果访问者中止下载会发生什么?如果用户中止下载会显示取消按钮如果访问者中止下载会发生什么?如果用户中止下载会显示取消按钮