<a href="file.pdf">不起作用。它在另一个div中

Question

<div id="content" class="gallery-images-container">
   <div class="box-gutter"></div>
   <div class="box-sizer"></div>

   <div class="box hvr-grow">
     <a href="images/machine/triax.png"><img alt="Agra picture" src="images/machine/triax.png"></a>
     <div class="center">
        <h4>Triax Super 120 Cutter</h4>
        <a href="assets/Super masonry-bridge-saw.pdf" target="_blank">Download PDF</a>  
      </div>
    </div>

    <div class="box hvr-grow">
       <a href="images/machine/triax1.png"><img alt="Agra picture" src="images/machine/triax1.png"></a>
       <div class="center">
         <h4>Triax Block Cutter</h4>
         <a href="assets/5-600 block cutter masonry-block-saw.pdf" target="_blank">Download PDF</a> 

    </div>
</div>

​

​

所以我使用了一个div标签，这个标签在弹出图像的另一个div中有download pdf选项。因此，当我点击下载PDF，它打开弹出窗口，并显示图像无法加载。我不是很擅长javascript，所以我不知道如何修复它，..Please帮帮我。

编辑:当我在新的标签页中点击打开时，这个链接起作用，但是当我直接点击它时，这个链接就不起作用了。

这是template：http://www.templatemo.com/live/templatemo_478_accord ..Please的实时预览链接，请参阅图库部分。

Answer 1

使用a标签中的download属性启用下载选项

<a href="assets/5-600 block cutter masonry-block-saw.pdf" download>Download PDF</a>

Answer 2

在某些情况下，嵌入的空格必须编码为%20

Href=“资源/超级砖石-桥梁-saw.pdf”

Answer 3

 <a href="assets/5-600 block cutter masonry-block-saw.pdf" download="fileName.pdf">Download PDF</a> 

您必须使用download标签使其可供下载。download标签还控制用户将以什么名称下载pdf。