在IE中添加div

Question

此代碼在IE中不起作用，爲什麼不呢？

$('body').append('<div id="iedialog"><h2 class="dialog-header">Alert!</h2><div class="dialog-container"><center>It looks like you are using Internet Explorer! Please switch to another browser to use all our Designer features. We recommend Firefox (<a href="www.firefox.com">www.firefox.com</a>) and Google Chrome (<a href="www.google.com/chrome">www.google.com/chrome</a>) for an overall better internet experience.<br /><br /><input type="button" value="OK" id="okiedialog"></center>'); 

然而，如果我複製並粘貼在控制檯中的這個確切的代碼，它的工作原理。

Answer 1

我會指出你的代碼有幾個問題。被追加的標記無效。它被分解時看到。

1）您的代碼無法正常關閉，

<div id="iedialog"> 
    <h2 class="dialog-header">Alert!</h2> 
    <div class="dialog-container"> 
     <center> 
      It looks like you are using Internet Explorer! Please switch to another browser to use all our Designer features. We recommend Firefox (<a href="www.firefox.com">www.firefox.com</a>) and Google Chrome 
      (
       <a href="www.google.com/chrome">www.google.com/chrome</a> 
      ) 
      for an overall better internet experience. 
      <br /> 
      <br /> 
      <input type="button" value="OK" id="okiedialog"> 
     </center> 

你input標籤未關閉，您div s的dialog-container class和id iedialog未關閉。

1）您的標記使用了不贊成使用的標記center。擺脫它，然後再試一次。