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

Question

因此，当我单击类元素​​时，我试图获取此代码以回显我的弹出窗口。我在wordpress文件的开头部分有代码，但无法正常工作。有任何想法吗？

我什至尝试过移动变量，但还是一无所获

    <?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！），您至少可以动态创建和删除脚本标签来完成这项工作，而不是使用document.write() ，但这需要更多的解释才能描述。