<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>

<a href="file.pdf"> is not working. It's inside another div

[！[圖像2] [2] [2]

所以我用的是有另一個DIV即彈出圖像內下載PDF選項div標籤。所以當我點擊下載PDF時，它會打開彈出窗口，它說Image無法加載。我的JavaScript不太好，所以我不知道如何解決它。請幫助我。

編輯：鏈接工程，當我點擊打開新標籤，但不是當我點擊它直接。

下面是模板實時預覽的鏈接：http://www.templatemo.com/live/templatemo_478_accord ..請參閱圖庫部分。

來源

2017-07-31 Anurag Nandi

請添加一個工作片段或小提琴 – Vishnu

我是新來的...... plz告訴我我該怎麼做 –

你能分享整個代碼嗎？ –

在某些情況下，內含的空格必須被編碼爲％20
HREF =「資產/超級砌體橋樑saw.pdf」

來源

2017-07-31 06:34:53

什麼是完整代碼？ CSS或Javascript或HTML？我認爲它的JavaScript，而不是打開PDF鏈接，它是開放的東西彈出。問題是我不知道Javascript。 –

如果添加下載標記將無法正常工作嘗試刪除您的JavaScript然後測試 –

使用download屬性在a標籤，使下載選項

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

來源

2017-07-31 06:36:43

我剛剛檢查，鏈接工程，當我點擊打開新標籤時，它不會工作，當我直接點擊它。 ..我已經提供了我正在編輯的模板的實時預覽..請參閱圖庫部分，並給我一些建議。 –

PDF [in this link]（http://www.templatemo.com/live/templatemo_478_accord）是哪裏？ –

我已經創建了另一個div標籤，並將PDF文件放在那裏。現在我認爲外部div標籤阻止了打開的pdf文件...我創建了另一個div，因爲我必須編寫產品名稱和邊框..請看圖片。 –

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

你必須使它可以下載下載標籤。下載標籤還控制用戶將下載PDF格式的名稱。

來源

2017-07-31 06:36:51 Rad

我剛剛檢查過，當我點擊在新標籤中打開時，鏈接工作，當我直接點擊它時，它不起作用。 –

@AnuragNandi正如許多人所建議的那樣，伴隨着這些變化。無論如何，也可以將pdf名稱替換爲簡單的可能只是blockcutter.pdf，因爲該名稱是內部的。 – Rad

問題在於PDF的HREF「/ 5-600 block cutter masonry-block-saw.pdf」。 URL中的空間應該被替換。我建議無空格地命名所有PDF文件。

更新

道歉這個我檢查，空間是不是造成問題

然而，當我看到你的代碼，

function init_masonry(){ 
     var $container = $('#content'); 

     $container.imagesLoaded(function(){ 
      $container.masonry({ 
      itemSelector: '.box', 
      isAnimated: true 
     }); 
     }); 
    }

所有框中的媒體被動畫與JavaScript 。如果您將PDF文件移動到div以外，它應該可以正常工作。嘗試將其他選擇器分配給PDF圖像。

來源

2017-07-31 06:37:33

我不認爲空間通常會導致問題。將請求發送到服務器時，瀏覽器會將其轉換爲「％20」。 – Barmar

我已經改變了PDF文件名..但問題不是文件名，它是Javascript，它打開彈出窗口而不是pdf文件 –

@AnuragNandi對我來說代碼工作正常。您能否請您添加JS –

<a href="file.pdf"> is not working. It's inside another div

回答

更新

相關問題