使用 javascript 单击类元素​​时显示弹出窗口

Question

所以我试图让这个代码在单击类元素​​时回显我的弹出窗口。我的 wordpress 文件的 head 部分中有代码，但它不起作用。有任何想法吗？

我什至试过移动变量，但仍然没有

    <?php

function popCash() {
$doit = "<script type='text/javascript'>
var wid = '111111';
var uid = '111111';
</script>
<script type='text/javascript' src='//cdn.popcash.net/pop.js'></script>";

echo $doit;
}
?>
<script type='text/javascript'>
$(document).ready(function(){
    $('.post-thumbnail, .thumb-block, .display-img').click(function(){

        var <?php echo popCash;?>

        });
    });
</script>

我需要它在单击类元素​​时显示弹出窗口

Answer 1

根据你想要的结果，你需要使用console.log(popCash)或alert(popCash)，而不是echo，这不是有效的JavaScript。

评论后跟进：

如果您尝试执行该脚本，它更像是您正在寻找的document.write(popCash)，但这不是完成您想要做的事情的一种非常有效的方式，因为您会每次点击时都会加载该脚本，并在每次点击时累积额外的 <script> 元素。

一方面，您似乎正在使用脚本为全局变量wid 和uid 赋值。绝对没有充分的理由为此创建一个新脚本。只需直接分配变量：

<script type='text/javascript'>
var wid;
var uid;

$(document).ready(function(){
    $('.post-thumbnail, .thumb-block, .display-img').click(function(){

    wid = '111111';
    uid = '111111';

    var popCash = "<script type='text/javascript' src='//cdn.popcash.net/pop.js'>\n"+
                "<\/script>";
        document.write(popCash);
    });
});
</script>

但是问题变成了：“为什么每次点击都重新加载‘cdn.popcash.net’？”

脚本里面不是有一个方法可以在需要再次调用的时候调用吗？

即使脚本写得如此糟糕以至于每次调用都必须从顶部运行（这是一个糟糕的 API！），您至少可以动态创建和删除脚本标签来完成这项工作，而不是使用 @987654329 @，但这需要更多解释才能描述。