Question

我试图编辑插件生成的弹出窗口，因此我对HTML文件的访问权限有限，无法执行此操作。因此，我尝试使用jQuery。

基本上，一旦PopUp的样式发生变化，我想在弹出窗口中添加文本。我现在设置的方式是基于here给出的答案。

function change() {
    if ($('.bold_lightbox').css('display') == 'block') {
        console.log('lightbox is shown');
        $('<p>Pricing Information Goes Here</p>').insertAfter('.bold_option_set');
    } else {
        console.log('lightbox is not visible');
    }
    setTimeout(change, 1000);
}
setTimeout(change, 1000);

这样可行，并成功将文本添加到弹出窗口中。但是，它会继续检查每一秒，然后反复复制段落，直到弹出窗口关闭。

我希望能够在一次添加段落后停止添加。

Answer 1

可能使用标志来检查是否已添加文本，如下所示：

var done=false;
function change() {
    if ($('.bold_lightbox').css('display') == 'block') {
        console.log('lightbox is shown');
        $('<p>Pricing Information Goes Here</p>').insertAfter('.bold_option_set');
        done = true;
    } else {
        console.log('lightbox is not visible');
    }
    if(!done)
        setTimeout(change, 1000);
}
setTimeout(change, 1000);

HIH

检查样式，然后使用jQuery

1 个答案: