Javascript onclick 弹出窗口，不显示 href 目标网址

Question

我尝试了很多论坛，但没有得到完美的答案。所以我想到了 Stackoverflow 来寻求帮助。我不知道这是否是该问题的完美类别。

我想隐藏作为弹出窗口打开的 href 链接。在这里表达确切的问题是相当困难的。所以我粘贴一个链接:

http://songspku.co/arjun-sanam-ho-ja-remix-feat-dj-shadow-mp3-song

在表格列表中，MP3 和 Play 将作为弹出窗口打开。但现在的问题是我想隐藏网址，这样就没有人可以直接打开链接或右键单击新选项卡。它必须是 popup 或 onclick 返回为 div。

这里我还粘贴了我想要的类似代码(来自 emp3z.co)，但不知道该怎么做。

<div id="download_link"><a href='javascript:void(0)' onclick="showDownload('1','6PqdnRXmz_E', 'sia suitcase extract','mp3')" rel='nofollow' id='dl1' class='download_now'><span><i class="fa fa-download"></i> DOWNLOAD MP3</span></a></div>

谁能帮帮我吗？另外，我在网站中使用弹出插件作为 class="wp-colorbox-youtube"和 class="wp-colorbox-iframe"。

Answer 1

我不确定这是否是您所期望的，使用 jquery-UI，您可以执行如下操作:

$("#dialog").dialog({
  autoOpen: false,
  show: false,
  hide: false
});

var songsMeta = {"song1":{"url":"www.example.com/song1"},"song2":{"url":"www.example.com/song2"}}

var openPopup = function (id) {
  var thisSong = "Download this song from here : " + songsMeta[id].url;
  $("#dialog").empty().append(thisSong).dialog("open");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<div id="dialog">
 Download Song from here : 
</div>

<button id="opener" onclick="openPopup('song1')">Download mp3</button>
<button id="opener" onclick="openPopup('song2')">Download mp3</button>