1

div スライドショーがあります。それぞれにrotateという名前のクラスを持ついくつかのdivがあり、そのdiv内にさらにdivがあります。私の仕事は、接尾辞が _note3 の div の 1 つに 0 が含まれているかどうかを確認して、そのスライドをスライドショーから除外することです。ゼロは SQL サーバーからのものです。スライドショーから除外することはできますが、ゼロを削除すると元に戻すことができません。誰かが私が間違っていることを知っていて、解決策を見つけるのを手伝ってくれるかどうか疑問に思っています.

私のコードは次のようになります。

 $(document).ready(function() {

    var note3 = [];
    var divsCount = 0;
    var ids = [];
    var count = 0;
    var divs = [];
    var removed = [];

    for(var x = 0; x < $(".rotate").length; x++) {
        notes3(divsCount);
        getRotate(divsCount);
        divsCount++;
    }
    // I find all the _note3 divs
    function notes3(index) {
        note3.push($('div[id*="_note3"]:eq(' + index + ')').attr("id"));
    }

    for (var t = 0; t < $(".rotate").length; t++) {
        $(".rotate").eq(t).hide();

    }
    // I find put all the rotate divs in an array
    function getRotate(index) {
        divs.push($('div[class*="rotate"]:eq(' + index + ')').attr("class"));
    }

    // This is where my rotation happens
    function setsRotation() {




        $(".rotate").eq(count).hide();
        if (count < $(".rotate").length - 1) {
            count++;
        }
        else {
            count = 0;
        }

// If it contains a zero I remove it
    if($("#" + note3[count] + "").text() === $.trim("0")) {
// I put the div index in an array
        removed.push(count);
        $('div[class*="rotate"]:eq(' + count + ')').remove();
        // If it does not contain a zero
    } else {

    // If the index is in the removed array I take it out and append the div
        if($.inArray(count, removed) > - 1) {

            removed.splice($.inArray(count, removed), 1);

            $("#slideshow").append(divs[count]);
        }

        $('div[class*="rotate"]:eq(' + count + ')').show();

    }
    }
    setInterval(setsRotation, 1000);
    }); 

ありがとうございます!

HTML:

<div id="slideshow">
<div class="rotate" id="jrkC">
<div>
        <div id="JerkChknLg_desc" class="descript"></div><div id="JerChknLg_note3"></div>
    <table class="pepper">

    <tr>
        <td class="size">Regular ds</td>
        <td class="size">Large</td>
    </tr>
    <tr>
        <td class="value"><div id="JerkChknSm_price"></div></td>
        <td class="value"><div id="JerkChknLg_price"></div></td>
    </tr>
</table>
<div class="frontPic"><img src="media/img/JerkChkn.jpg"/></div>
</div>
</div>

<div class="rotate" id="soups" >
<div  id="">
        <div id="SoupLrg_desc" class="descript"></div><div id="SoupLrg_note3"></div>
    <table class="pepper">

    <tr>
        <td class="size">Regular</td>
        <td class="size">Large</td>
    </tr>
    <tr>
        <td class="value"><div id="SoupSm_price"></div></td>
        <td class="value"><div id="SoupLrg_price"></div></td>
    </tr>
</table>
<div class="frontPic"><img src="media/img/Soup.jpg"/></div>
</div>
</div>
4

0 に答える 0