单击链接时应弹出弹出窗口

Question

我想要做的是在点击链接时显示电子邮件注册。

这是我引用外部sumome.php文件的方式，该文件包含js函数：

<script type="text/javascript" src="http://www.barcabyfans.com/wp-content/themes/hueman/sumome.php"></script>

这就是我为链接写的内容：

<p>Get more awesomeness <a href="javascript:append_script_code()">here</a>!</p>

当用户点击“此处＆＃39;链接，javascript函数append_script_code（）应该在sumome.js文件中包含的位置运行。

但由于某种原因，它无法正常工作。我的问题是：

1. sumome.js文件是一个WordPress插件的.php文件，所以我应该引用sumome.php文件吗？

2. 我是否将<script>...</script>标签放在正确的位置？

注意：

1. sumome.js文件是一个.php WordPress插件文件。页面加载时，会出现弹出窗口。我希望在点击链接时出现此弹出窗口

2. 您可以访问插件sumome.js文件here

3. 您可以看到我引用文件的位置并放置链接here

Answer 1

您需要做的是打开执行sumone.js脚本的页面。你不能只打开一个.js文件。

执行以下操作：

1. 创建新页面（HTML）
2. 在创建的html页面中包含sumome.js javascript

3. 按如下方式链接弹出窗口：

   <a href="http://www.google.com/"
       onclick="return !window.open(this.href, 'E-Mail', 'width=500,height=500')"
       target="_blank">
   

这出现在剧本中：

window.open("http://www.barcabyfans.com/wp-content/themes/hueman/sumome.js", "E-Mail", "width=500,height=500");

Answer 2

试试这段代码。例如，使用open-popup类作为链接

<a class="open-popup" href="javascript:;">here</a>

然后，在js上你可以使用选择器“a.open-popup”，例如

function append_script_code() {
   $("a.open-popup").off('click').on('click', function() {
         /*your code*/
   });
}

Answer 3

<a href="javascript:void(0)" onclick="runThisFunction()">here</a>

然后

function runThisFunction(){

    //your code to show popup
}