проблема с клоном jquery в IE и Chrome

Question

Я пытаюсь скопировать содержимое masterdiv, включая дочерние div. Ниже приведена реализация кода.

<label id="lblMessage" /> 
<table width="100%"> 
    <tr> 
     <td> 
      <div id="colorSelector"> 
       <div style="background-color: rgb(0, 0, 255);" /> 
      </div> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <div id="dynPageContent"></div> 
      <input type="button" id="updContent" value="Update" /> 
     </td> 
    </tr> 
</table> 

<script type="text/javascript" language="javascript"> 
    $(document).ready(
    function() { 
     $('#colorSelector').ColorPicker({ 
      color: '#0000ff', 
      onShow: function(colpkr) { 
       $(colpkr).fadeIn(500); 
       return false; 
      }, 
      onHide: function(colpkr) { 
       $(colpkr).fadeOut(500); 
       return false; 
      }, 
      onChange: function(hsb, hex, rgb) { 
       $('#dynPageContent div').css('backgroundColor', '#' + hex); 
      } 
     }); 
     if ($("#dynPageContent").length) { 
      $("#dynPageContent").html('<%= Model.Page_Content.Trim() %>'); 
      if ($("#pageContent").length) { 
       $("#pageContent").load("/Home/PageContent"); 
      } 
      if ($("#Sidebar").length) { 
       $("#Sidebar").load("/Home/Sidebar"); 
      } 
     } 

     $('#updContent').unbind('click'); 
     $('#updContent').click(function(e) { 
      var updatedpageContent = $('<div />').append($('#dynPageContent div[id^="pageContent"],div[id^="sideba"]').clone()).remove().html(); 
      $.getJSON("/Home/UpdatePage/?t=" + new Date(), { pc: updatedpageContent }, 
      function(data) { 
       if (data != null) { 
        if (data == true) { 
         $('#lblMessage').html("Page template updated."); 
        } 
       } 
      }); 
     }); 
    }); 
</script> 

Я загрузка HTML/дивов (место держателей для содержания) из базы данных, и я могу изменить цвет фона ребенка див и обновить заполнители/ребенок дивы с новым стилем (цвет фона) в база данных с использованием json.

Приведенный выше код отлично работает в Firefox, но в IE и хроме, masterdiv (dynPageContent) исчезает.

Что не так с вышеуказанным кодом?

Answer 1

И наконец, я решил.

Проблема с ярлыком html метки.

Я заменил

<label id="lblMessage" /> 

с

<label id="lblMessage"></label> 

Это решило проблему. Странный один ..