2017-06-05 47 views
-2

對於學習的原因,我建立我自己的鏈接縮短和耶... 5秒這段代碼.replaceWith攪亂腳本

<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和這樣的東西,但我是所有的新東西,是的... https://viid.su/bBwgN是問題頁面!

+0

ES5沒有多行字符串;你的JS控制檯會顯示你的語法錯誤。 –

+0

@DaveNewton:JavaScript的任何版本都沒有未經轉義的多行*字符串*。 :-) ES2015 +具有*模板文字*,其評估爲字符串(除非將標記功能應用於其他人)。 –

+0

有ks mp錯誤 –

回答

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); 
}); 
+0

有語法錯誤 –

+0

不,沒有。複製時檢查奇數空格:https://jsfiddle.net/wnnpmg28/1/ – BenM

+0

@ I.Dynin:現在不行了,其中一行上只有幾個額外的空格;本修好了。 –