function(){如果淡出,则追加}不起作用
function(){If fadeout, then append} is not working
我知道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();
};
相关文章:
- 追加Jquery后的Binding Click事件不起作用
- jquery 1.7追加后点击事件不起作用
- 单击事件不起作用后追加 - AngularJS
- 动态追加表行时,列切换不起作用
- jQuery追加函数在IE8中不起作用
- 将查询选择器保存在要追加的变量中不起作用
- 在上下文菜单上,在 HTML 表中追加行时不起作用
- 在 Java 脚本中使用追加时 HTML 标记不起作用,但在执行硬编码时 html 代码工作正常
- 追加 jquery 不起作用
- 额外追加后点击功能不起作用
- function(){如果淡出,则追加}不起作用
- Jquery:动态追加到context.childNodes[4]不起作用
- 单击时克隆和追加会使多个元素和切换不起作用
- 来自数组的 IE 追加子项不起作用
- Ajax 函数在 JQuery 追加中调用时不起作用
- 剑道工具栏追加不起作用
- jquery追加不起作用
- 可拖放和拖拽追加不起作用
- jQuery的点击对追加不起作用
- jQuery追加不起作用(将css添加到head)