求教个repeater绑定的问题

bczzdxm 2014-06-22 05:46:10

我现在用repertrer来绑定前台的图片这是我的代码



<div class="piccon">

            <ul>

           <li><a target="_blank" href="#"style="display:none" ><img src="../images/focus_01.jpg" /></a></li> //一定要加多这一张图片，不然无法执行JQ的效果

          <asp:Repeater ID="Repeater4" runat="server">

            <ItemTemplate>

   <li><a target="_blank" <%# line((Eval("Basic_Link")).ToString()) %>><asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Basic_Picture") %>' /></a></li>     

            </ItemTemplate>

          </asp:Repeater>

        </ul>

    </div>

我现在的问题是一定要在控件的外面加一张图片，前面加后面加都行，但是一定要加，不加就不会执行JQ的效果。
这是JQ的代码



<script type="text/javascript">

        /* 把最后一个放到第一个前面，然后通过外层ul{margin-left:-980px !important; }来显示第一个 */

        jQuery(".slider .bd .piccon li").first().before(jQuery(".slider .bd .piccon li").last());

        /* 控制左右按钮显示 */

        jQuery(".slider").hover(function () { jQuery(this).find(".arrow").stop(true, true).fadeIn(300) });

        /* 调用SuperSlide */

        jQuery(".slider").slide({ titCell: ".hd ul", mainCell: ".piccon ul", effect: "leftLoop", autoPlay: true, vis: 3, autoPage: true, trigger: "click" });

        /* 字体切换 */

        jQuery(".slider").slide({ titCell: ".hd li", mainCell: ".pictxt ul", delayTime: 0, autoPlay: true });

	</script>

我现在搞不懂为什么要在外面加一张图片才能实现图片的切换，不加图片的话他就只会显示一张图片。
我用谷歌浏览器看了一下加和没加图片的代码，如果加了图片他的代码是



<div class="piccon">

            <div class="tempWrap" style="overflow:hidden; position:relative; width:3300px">

<ul style="width: 7700px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -2200px;">

<li class="clone" style="float: left; width: 1100px;"><a target="_blank" href="http://www.taobao.com"><img id="Repeater4_Image1_0" src="../Files/image/Admin/Basic/2014-5-28_16-21-31.jpg"></a></li>

           <li style="float: left; width: 1100px;"><a target="_blank" href="http://www.baidu.com"><img id="Repeater4_Image1_1" src="../Files/image/Admin/Basic/2014-5-5_22-05-06.jpg"></a></li><li style="float: left; width: 1100px;"><a target="_blank" href="#" style="display:none"><img src="../images/focus_01.jpg"></a></li>

          

   <li style="float: left; width: 1100px;"><a target="_blank" href="http://www.taobao.com"><img id="Repeater4_Image1_0" src="../Files/image/Admin/Basic/2014-5-28_16-21-31.jpg"></a></li>                    



            

        <li class="clone" style="float: left; width: 1100px;"><a target="_blank" href="http://www.baidu.com"><img id="Repeater4_Image1_1" src="../Files/image/Admin/Basic/2014-5-5_22-05-06.jpg"></a></li><li class="clone" style="float: left; width: 1100px;"><a target="_blank" href="#" style="display:none"><img src="../images/focus_01.jpg"></a></li><li class="clone" style="float: left; width: 1100px;"><a target="_blank" href="http://www.taobao.com"><img id="Repeater4_Image1_0" src="../Files/image/Admin/Basic/2014-5-28_16-21-31.jpg"></a></li></ul></div>

    </div>

如果不加图片，他的代码就是



<div class="piccon">

            <ul>                     

   <li><a target="_blank" href="http://www.baidu.com"><img id="Repeater4_Image1_1" src="../Files/image/Admin/Basic/2014-5-5_22-05-06.jpg"></a></li>

<li><a target="_blank" href="http://www.taobao.com"><img id="Repeater4_Image1_0" src="../Files/image/Admin/Basic/2014-5-28_16-21-31.jpg"></a></li>                           

        </ul>

    </div>

为什么会有这么大的变化？求指教