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

Question

所以我试图让这段代码在单击 class 元素时回显我的弹出窗口。我的 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>

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

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>

但问题就变成了："Why reload the 'cdn.popcash.net' for every click?"

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

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

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

Display popup when class elements are clicked using javascript

javascript

wordpress

jquery

onclick

echo