$(function(){
var milancase = $('#case > ul');
case.hide();
case.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
case.eq(0).fadeOut();
case.eq(1).fadeIn();
cur = 1;
}else{
case.eq(1).fadeOut();
case.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
}); 
就这么几句jq代码,冲突了就实现不了功能。想请大家修改成纯js的 。有朋友帮我写的<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(
function(){
var case= jQuery('#case> ul');
case.hide();
case.eq(0).show();
var cur = 0;
var play = function(){
if(cur == 0){
case.eq(0).fadeOut();
case.eq(1).fadeIn();
cur = 1;
}else{
case.eq(1).fadeOut();
case.eq(0).fadeIn();
cur = 0;
}
};
setInterval(play,5000);
}
)
</script>这样不冲突了 但是,轮播一圈后,回到新的第一个的时候就不显示了,但是有链接。恨死郁闷》  请大家帮我改下。功能很简单,实现ul 轮播

解决方案 »

  1.   


    <script type="text/javascript" src="jq.js"></script>
    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(
    function(){
    var cs= jQuery('#case> ul');
    cs.hide();
    cs.eq(0).show();
    var cur = 0;
    var play = function(){
    if(cur == 0){
    cs.eq(0).fadeOut();
    cs.eq(1).fadeIn();
    cur = 1;
    }else{
    cs.eq(1).fadeOut();
    cs.eq(0).fadeIn();
    cur = 0;
    }
    };
    setInterval(play,5000);
    }
    )
    </script>
    <div id="case">
      <ul>
        <li>a</li>
    <li>b</li>
      </ul>
      <ul>
        <li>c</li>
    <li>d</li>
      </ul>
    </div>试试看,改了一下变量名称!
      

  2.   

       问题是根本不知道你的UL部分到底是什么,我的简单UL部分ABCD不就一直可以轮循吗。如果你有测试的话,就知道了,IE/FF都没有问题,而如果换成你的UL部分HTML代码,就不行了,那问题就是UL代码部分,如果你又不把UL部分发出来,怎么解决呢。让大家用猜测的方法猜你的UL是什么吗?晕了!
      

  3.   

    代码本身是没有问题的 主要是 jq代码和Prototype.js 冲突了 所以循环一圈后就不显示了
      

  4.   

    jQuery.noConflict()代码都把JQ库的$疲敝了,还冲突什么?应该是你自己的代码变量定义和prototype冲突了吧
    既然你这么肯定是那段代码冲突了,请问我的代码也加进了prototype.js为什么没有冲突呢?
    我特地去找了个prototype.js来做测试:<script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript">
    var $j=jQuery.noConflict();
    $j(document).ready(
    function(){
    var cs= $j('#case> ul');
    cs.hide();
    cs.eq(0).show();
    var cur = 0;
    var play = function(){
    if(cur == 0){
    cs.eq(0).fadeOut();
    cs.eq(1).fadeIn();
    cur = 1;
    }else{
    cs.eq(1).fadeOut();
    cs.eq(0).fadeIn();
    cur = 0;
    }
    };
    setInterval(play,2000);
    }
    )
    $("div_new").style.cssText="top:"+t1+";left:"+l1;
    </script>
    <div id="case">
      <ul>
        <li>a</li>
    <li>b</li>
      </ul>
      <ul>
        <li>c</li>
    <li>d</li>
      </ul>
    </div>
      

  5.   

    你指的是这段冲突
    var $j=jQuery.noConflict();
    $j(document).ready(
    function(){
    var cs= $j('#case> ul');
    cs.hide();
    cs.eq(0).show();
    var cur = 0;
    var play = function(){
    if(cur == 0){
    cs.eq(0).fadeOut();
    cs.eq(1).fadeIn();
    cur = 1;
    }else{
    cs.eq(1).fadeOut();
    cs.eq(0).fadeIn();
    cur = 0;
    }
    };
    setInterval(play,2000);
    }
    )
    我可是明着加进了prototype.js。
    下载地址:http://www.alixixi.com/Down/Code/ajax/2008/2008052893072.html
    prototype.js版本1。5我用的就是这个!
    如果和上面的JQ冲突,那我的怎么可能能运行起来呢?哎!事实已经证明不是这个原因了!别再又拿JQ代码冲突的说事了!
      

  6.   

    哈哈  , 还以为 就我碰到 prototype和JQ冲突的问题啦,,还有苦命的哥们啊我当时 好像 改了 JQ源代码,,然乎在 调用JQ的时候 不能用"$", 直接下jQuery,For example: jQuery('.class').val();Lucky
      

  7.   


       既然你都这么肯定JQ代码和prototype.js冲突了,那你可以拿我这段代码做个测试,加我的那个prototype.js1.5版本的。事实说话:
      
    <script type="text/javascript" src="jq.js"></script>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript">
    var $j=jQuery.noConflict();
    $j(document).ready(
    function(){
    var cs= $j('#case> ul');
    cs.hide();
    cs.eq(0).show();
    var cur = 0;
    var play = function(){
    if(cur == 0){
    cs.eq(0).fadeOut();
    cs.eq(1).fadeIn();
    cur = 1;
    }else{
    cs.eq(1).fadeOut();
    cs.eq(0).fadeIn();
    cur = 0;
    }
    };
    setInterval(play,2000);
    }
    )
    </script>
    <div id="case">
      <ul>
        <li>a</li>
    <li>b</li>
      </ul>
      <ul>
        <li>c</li>
    <li>d</li>
      </ul>
    </div>
      
      

  8.   


    var $1 = $.noConflict();
        $1(...);
      

  9.   

    我之所以说是JQ代码和prototype.js冲突的原因是当我把prototype.js移除的时候 那个功能就完全没有了问题了,但是加上后才会出问题。