function(){如果淡出,则追加}不起作用

function(){If fadeout, then append} is not working

本文关键字:追加 不起作用 淡出 如果 function      更新时间:2023-09-26

我知道jQuery UI的可排序选项,但拖放不是我想要的。

由于手风琴的布局方式, 我认为为了对它们进行排序, 最好的方法是更改 id, 听起来不安全.

这是我的手风琴的样子.

复制代码

<table style="background: none repeat scroll 0% 0% rgb(186, 218, 85); display: none;" tabindex="-1" aria-selected="false" aria-controls="ui-accordion-accordion1-panel-2" id="ui-accordion-accordion1-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>
    <tbody>
        <tr>
            <td>... Yadayada, content. End table tags.

这是我使用的代码。

function pagination() {
    for (var i = 0; i < 10 ; ++i) {
        var k = i * 1000;
        var j = i * 100;
        var index;
        console.log("aftervar " + i);
        if ($("#ui-accordion-accordion1-header-" + i).css("display") == "none") {
            $("#ui-accordion-accordion1-header-" + i).attr("id", "ui-accordion-accordion1-header-" + j);
            $("#ui-accordion-accordion1-panel-" + i).attr("id", "ui-accordion-accordion1-panel-" + j);
            index = $("#ui-accordion-accordion1-header-" + j);
            $("#accordion1").append($("#ui-accordion-accordion1-header-" + j));
            console.log("if " + i);
        } else {/*
            k += 1;
            $("#ui-accordion-accordion1-header-" + i).attr("id", "#ui-accordion-accordion1-header-" + k);
            $("#ui-accordion-accordion1-panel-" + i).attr("id", "#ui-accordion-accordion1-panel-" + k);*/
        }
    }
    $("#tabs-1 table:nth-of-type(odd)").css("background", "#BADA55");
    $("#tabs-1 table:nth-of-type(even)").css("background", "#FFFFFF");
    $("#table-headings").css("background", "#FFFFFF");
}

我正在使用 ID 来整理它。 另一个问题是追加没有正常工作(事实上,我在那里放了一个控制台.log似乎有时不会运行 if 语句)。 元素保留在原处,附加的通常是 id 的文本或根本没有任何内容。

http://jsfiddle.net/Cb3U2/5/

其他人在这个问题上帮助了我。 他警告我不要使用id,但向我展示了看到淡入和淡入是多么不可靠。 我只知道通过按钮将两者分开。

http://jsfiddle.net/Cb3U2/7/

$("#ab-4").fadeOut();
$("#ab-7").fadeOut();
function foo() {
    for (var i = 0; i < 10; ++i) {
        var k;
        var j = 10 + i;
        if ($("#ab-" + i).css("display") == "none") {
            $("#ab-" + i).html(i + " (different)");
            $("#ab-" + i).attr("id","ab-" + j);
            $(".wrapper").append($("#ab-" + j));
        } else {
            $("#ab-" + i).html(i + " (Same)");
        }
        $("table:nth-of-type(odd)").css("background", "orange");
        $("table:nth-of-type(even)").css("background", "white");
    }
}
//setTimeout(foo, 10000);
function seeme() {
$("#ab-4").fadeIn();
//$("#ab-7").fadeIn();
//$("#ab-14").fadeIn();
$("#ab-17").fadeIn();
};