javascript - 使用 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>

告诉我原因和解决方案。