href裏面的輸出變量 - Javascript

我爲我的畫廊使用Magnific Popup。當你點擊一個縮略圖時，它會彈出圖像。我試圖在彈出窗口中添加一個「下載圖像」按鈕。我的HTML片段顯示正常，但下載鏈接的href需要使用img url填充。href裏面的輸出變量 - Javascript

這裏是JS代碼：

markup: '<div class="mfp-figure">'+ 
       '<div class="mfp-close"></div>'+ 
       '<div class="download-img"><a href="#">Download image</a></div>'+ 
       '<figure>'+ 
        '<div class="mfp-img"></div>'+ 
        '<figcaption>'+ 
         '<div class="mfp-bottom-bar">'+ 
          '<div class="mfp-title"></div>'+ 
          '<div class="mfp-counter"></div>'+ 
         '</div>'+ 
        '</figcaption>'+ 
       '</figure>'+ 
      '</div>',

如何把在錨的href的圖片src變量？

來源

2016-05-05 Garrettj944

如果檢查Magnific酒店的彈出API，你會看到，它提供了一個回調事件markupParse

所以添加到您的Magnific酒店的彈出選項

callbacks: { 
     markupParse: function(template, values, item) { 
     template.find('.download-img a').prop('href',item.src); 
     } 
    }

完整演示http://codepen.io/gpetrioli/pen/reoqQv

來源

2016-05-05 20:52:21

*編輯。我究竟在哪裏把它放在選項部分？ – Garrettj944

我發現哪裏放回調代碼，但它仍然沒有改變一個href到img url – Garrettj944

@ Garrettj944是你的網頁住的地方？ –

只需將變量置於引號外。

markup: '<div class="mfp-figure">'+ 
       '<div class="mfp-close"></div>'+ 
       '<div class="download-img"><a href="' + yourVar + '">Download image</a></div>'+ 
       '<figure>'+ 
        '<div class="mfp-img"></div>'+ 
        '<figcaption>'+ 
         '<div class="mfp-bottom-bar">'+ 
          '<div class="mfp-title"></div>'+ 
          '<div class="mfp-counter"></div>'+ 
         '</div>'+ 
        '</figcaption>'+ 
       '</figure>'+ 
      '</div>',

來源

2016-05-05 20:17:54

不起作用。如果你想看看我可以支付的代碼 – Garrettj944

我不需要錢。我爲激情而努力。你能告訴我整個代碼，或者至少是變量所在的部分，以及整個宏觀彈出窗口的調用。 –

好的，這裏是彈出窗口的js文件：http：//pastebin.com/QcpRnjQS CTRL + F「下載」來找到我的html代碼片段。 – Garrettj944

以下鏈接顯示了您可以使用的一些方法，您可以使用一些很好的和其他一些不好的方法。看看https://stackoverflow.com/a/11348403/886393

具體由用戶名demp的答案。

感謝，帕拉斯

來源

2016-05-05 20:21:45 pparas

我想回顯一個js變量，當他們點擊時不運行一個函數。如果你願意查看代碼，我可以在這裏發佈代碼 – Garrettj944

。我可以幫助你，社區也是如此。我這樣做是爲了練習。我不想得到報酬。 – pparas

@Jakub正在研究它，如果你願意，你也可以。看到我的評論他的回答:) – Garrettj944

href裏面的輸出變量 - Javascript

回答

相關問題