Question

我试过很多论坛，但没有得到完美答案。所以我想到了Stackoverflow的帮助。我不知道这是否是问题的完美范畴。

我想隐藏作为弹出窗口打开的href链接。这里很难表达确切的问题。所以我粘贴了一个链接：

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

在表格列表中，MP3和Play作为弹出窗口打开。但现在问题是我想隐藏网址，以便没有人可以直接打开链接或右键单击新选项卡。必须弹出或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 =＆＃34; wp-colorbox-youtube＆＃34;和class =＆＃34; wp-colorbox-iframe＆＃34;。

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>

Javascript onclick Popup，没有显示href目标网址

1 个答案: