Javascript 同一div id中的两个框

Javascript 同一div id中的两个框,javascript,jquery,html,fade,Javascript,Jquery,Html,Fade,我无法更改div输出,我有这个js,但这个加载只用于第二个div: [守则] [/code] 我怎样才能解决它?我想接下来我将替换js var和var next2。 现场:我不知道你这样做的目的是什么。代码中有太多重复的变量声明。因此,它不起作用。更新你的代码如下,它将工作。但我不能说这是一个完美的答案。暂时你可以用这个 var next1 = null; var outer1 = jQuery('#wp_bannerize-2 > #banners'); va

我无法更改div输出,我有这个js,但这个加载只用于第二个div: [守则]

[/code] 我怎样才能解决它?我想接下来我将替换js var和var next2。
现场:

我不知道你这样做的目的是什么。代码中有太多重复的变量声明。因此,它不起作用。更新你的代码如下,它将工作。但我不能说这是一个完美的答案。暂时你可以用这个

      var next1 = null;
    var outer1 = jQuery('#wp_bannerize-2 > #banners');
    var current1 = outer1.find('.box:first');
    current1.fadeIn();
    function fade1() {
        if (current1.next('div.box').length > 0) {
            next1 = current1.next('div.box');
        } else {
            next1 = outer1.find('.box:first');
        }

        current1.fadeOut();
        next1.fadeIn();
        current1 = next1;
        setTimeout(fade1, 1000); //5secondi
    }
    // start the process
    fade1();


  var next = null;
    var outer = jQuery('#wp_bannerize-3 > #banners');
    var current = outer.find('.box:first');
    current.fadeIn();
    function fade() {
        if (current.next('div.box').length > 0) {
            next = current.next('div.box');
        } else {
            next = outer.find('.box:first');
        }

        current.fadeOut();
        next.fadeIn();
        current = next;
        setTimeout(fade, 1000); //5secondi
    }
    // start the process
    fade();

      var next1 = null;
    var outer1 = jQuery('#wp_bannerize-2 > #banners');
    var current1 = outer1.find('.box:first');
    current1.fadeIn();
    function fade1() {
        if (current1.next('div.box').length > 0) {
            next1 = current1.next('div.box');
        } else {
            next1 = outer1.find('.box:first');
        }

        current1.fadeOut();
        next1.fadeIn();
        current1 = next1;
        setTimeout(fade1, 1000); //5secondi
    }
    // start the process
    fade1();


  var next = null;
    var outer = jQuery('#wp_bannerize-3 > #banners');
    var current = outer.find('.box:first');
    current.fadeIn();
    function fade() {
        if (current.next('div.box').length > 0) {
            next = current.next('div.box');
        } else {
            next = outer.find('.box:first');
        }

        current.fadeOut();
        next.fadeIn();
        current = next;
        setTimeout(fade, 1000); //5secondi
    }
    // start the process
    fade();