.replace会弄乱剧本

时间:2017-06-05 21:07:25

标签: javascript jquery

出于学习原因,我建立了自己的链接缩短程序,是的... 5秒后这段代码

<div class="skip-container">
    <p class="five">SKIP IN 5 SECONDS</p>
</div>

应替换为

<div class="skip-button">
    <a href="PHP CODE" class="js-skip-button">SKIP THIS AD</a>  
    <div class="skip-arrow"></div> 
</div> 

这样做我试过

$( document ).ready(function test() {
    setTimeout(function test() {
        $("p.five").replaceWith('<div class="skip-button">
        <a href="PHP CODE" class="js-skip-button">SKIP THIS AD</a>  
        <div class="skip-arrow"></div>  </div> ');
    }, 5000);
});

它改变了剧本,但它看起来很破碎,而不是它应该如何...我读到了一些关于它的东西保存在DOM和这样的东西,但我是新的所有这些,是的... {{3}是问题页面!

1 个答案:

答案 0 :(得分:1)

您需要将字符串连接起来,或者转义新行:

$(function() {
    setTimeout(function() {
    $("p.five").replaceWith('<div class="skip-button">\
                                 <a href="PHP CODE" class="js-skip-button">SKIP THIS AD</a>\
                                 <div class="skip-arrow"></div>\
                             </div> ');
    }, 5000);
});