使用append和document.write，滑块运行并且不运行

Question

我使用list_carousel滑块来运行包含HTML的帖子：

    <div class="list_carousel">
       <div id='gallary'>
       <ul id='foo3'>
         <li>A</li>
         <li>B</li>
         <li>C</li>
       </ul>
       </div>
     </div>

我使用document.write，滑块运行正常。

 <div class="list_carousel">
   <div id='gallary'>
    <script>
   document.write('<ul id="foo3">');
    document.write('<li>A</li>');
    document.write('<li>B</li>');
    document.write('<li>C</li>');
   document.write('<ul>');
     </script>
  </div>
 </div>

但是当我使用innerHTML时，滑块不会运行：

<div class="list_carousel">
  <div id="gallary">
  </div>
 document.getElementById('gallary').innerHTML = " <ul id='foo3'>..... </ul>";
</div>

滑块通过电话运行：

<script>
    $("#foo3").carouFredSel({
        auto: false,
        responsive: true,

        scroll: 1,
        mousewheel: true,
        items: {
            visible: 3,
            width: 200
        }
    });
</script>

请说明理由和原因。