添加混合 javascript 函数，使内容淡入列内的另一个内容/使其适用于两个单独的列
Add blending javascript function to make content fade into another content inside a column / making this work for two separate columns
JavaScript 混合功能----->列内的一个内容（文本，图像）通过按下方形按钮（1或2）淡入第二个内容，还可以选择再次返回第一个内容。
可以在此处找到函数的完整代码，其中包含具有两个内容的一列上的淡入淡出效果动画：
JSFiddle
现在将其添加到 4 列上：结果 ---->所有 4 列都失真了，全部垂直在一行上，并且函数扭曲了列的大小。
使用 4 列的代码，一旦添加函数的div 就会成为灾难。 注意：我对 4 列使用了 toogle css/html 结构，因为它是最好的布局。如果你想知道。
JSFiddle
如何在第 1 列和第 4 列（总计 具有此效果的 2 列）
- 在此功能中使用两列，是否需要多功能脚本？
what needs to be added make both work?（恐怕对 JavaScript 了解不多）
- 在此功能中使用两列，是否需要多功能脚本？
*列的原始结构，每行应该是 2 列。
JSFiddle
*无法将所有代码放在这里，因为没有足够的空间将其发布在这里，只需提及它，就知道大多数时候必须添加它。*
编辑：试试这个 JQuery 修复的 JSFiddle 和新的 HTML
修复了 HTML 故障 修复了 HTML 和 CSS 的问题最新的 HTML 看起来像这样
<div class="wrapper">
<div id="outer" class="cf">
<!-- first -->
<div class="holder f_left">
<div class="column">
<div class="column_title">
2014
</div>
<h4>GOLD</h4>
<hr>
<div class="entry-content" id="box1_c1">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_right">
<p>Universe itself is infinite erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj
rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash
hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box1_c1 -->
<div class="entry-content" id="box1_c2" style="display: none">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_left">
<p>SECOND SIDE erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi
rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box1_c2 -->
</div>
<!-- end of column -->
</div>
<!-- end of holder -->
<!-- second -->
<div class="holder f_left">
<div class="column">
<div class="column_title">
2014
</div>
<h4>PEARL</h4>
<hr>
<div class="entry-content" id="box2_c1">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_right">
<p>Universe itself is infinite erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj
rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash
hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box2_c1 -->
<div class="entry-content" id="box2_c2" style="display: none">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_left">
<p>SECOND SIDE erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi
rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box2_c2 -->
</div>
<!-- end of column -->
</div>
<!-- end of holder -->
<!-- third -->
<div class="holder f_left">
<div class="column">
<div class="column_title">
2013
</div>
<h4>ROSE</h4>
<hr>
<div class="entry-content" id="box3_c1">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_right">
<p>Universe itself is infinite erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj
rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash
hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box3_c1 -->
<div class="entry-content" id="box3_c2" style="display: none">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_left">
<p>SECOND SIDE erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi
rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box3_c2 -->
</div>
<!-- end of column -->
</div>
<!-- end of holder -->
<!-- fourth -->
<div class="holder f_left">
<div class="column">
<div class="column_title">
Sep 2013
</div>
<h4>LIME</h4>
<hr>
<div class="entry-content" id="box4_c1">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_right">
<p>Universe itself is infinite erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj
rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash
hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box4_c1 -->
<div class="entry-content" id="box4_c2" style="display: none">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_left">
<p>SECOND SIDE erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi
rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content box4_c2 -->
</div>
<!-- end of column -->
</div>
<!-- end of holder -->
</div>
<!-- end of outer -->
</div>
<!-- end of wrapper -->
JQuery 看起来像这样：
$(document).on("click", ".square", function () {
var id = $(this).attr("contentId");
var box_name_full = $(this).closest('div.entry-content').attr('id');
var box_split = $(this).closest('div.entry-content').attr('id').split("_");
var box_name = box_split[0];
var box_c = box_split[1];
//alert("box_name_full = " + box_name_full);
//alert("box_name = " + box_name);
//alert("box_c = " + box_c);
if ($("#" + box_name + "_" + id).is(":visible"))
$("#" + box_name + "_" + id).fadeOut("slow").hide();
if (id == "c1") {
//Make the first square box red color
$("div[id^='" + box_name + "'] div.square[contentId='c1']").css('background', 'red');
//Make the second square box gray color
$("div[id^='" + box_name + "'] div.square[contentId='c2']").css('background', '#CCC');
if ($("#" + box_name + "_" + "c2").is(":visible")) {
$("#" + box_name + "_" + "c2").fadeOut("slow").hide();
}
$("#" + box_name + "_" + id).fadeIn('slow').show();
} else if (id == "c2") {
//Make the second square box red color
$("div[id^='" + box_name + "'] div.square[contentId='c2']").css('background', 'red');
//Make the first square box gray color
$("div[id^='" + box_name + "'] div.square[contentId='c1']").css('background', '#CCC');
if ($("#" + box_name + "_" + "c1").is(":visible")) {
$("#" + box_name + "_" + "c1").fadeOut("slow").hide();
}
$("#" + box_name + "_" + id).fadeIn("slow").show();
}
});
我从那个JSFiddle中清理了HTML
任何时候你的HTML变得奇怪，只要把它放到这个网站 http://jsbeautifier.org/，你会看到任何错误，如额外的</div>等......
在清理之前，包装器的结束在前 2 个文章框之后结束，现在它一直结束在所有 4 个文章框的底部。仍然可能是javascript错误，但这是一个开始。
这是新的JSFiddle，只有新的HTML 新的JSFiddle
单击这两个红色方块时，您会注意到的第一个问题是，我猜第二个红色方块几乎是正确的......但是第一个默认方块是错误的..那是因为您将看到的第一个HTML是错误的
第一个条目内容有
<div class="entry-content" id="c1">
里面有一个
<div id="details">
<div style="display">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
4种不同的<div>
现在第二个有
<div class="entry-content" style="display: none" id="c2">
只有
<div class="shadow">
所以也许第一个只需要一个<div class="shadow">，没有别的？我现在可以告诉你，第一行不需要<div style="display">这条线什么也没做。
下面是您的整个 HTML，我仅从第一个中删除了<div style="display>和</div>
<body>
<!-- onload="clickMenu('outer','div','more')" -->
<div class="wrapper">
<div id="outer" class="cf">
<div class="column f_left">
<!-- first -->
<div class="holder">
<div class="column_box">
<div class="column_title">
2014
</div>
<h4>GOLD</h4>
<hr>
<div class="entry-content" id="c1">
<div id="details">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_right">
<p>Universe itself is infinite erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash
hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj</p>
<div class="square" contentId="c1">1</div>
<div class="square" contentId="c2">2</div>
</div>
</div>
</div>
</div>
<!-- end of entry-content c1 -->
<div class="entry-content" style="display: none" id="c2">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_left">
<p>SECOND SIDE erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu
tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash hrhqw jrqwlrqwjrytturtu hjshj hafshfash
hrhqw jrqwlrqwjrytturtu</p>
<div class="square" contentId="c1"></div>
<div class="square" contentId="c2"></div>
</div>
<!-- end of shadow -->
</div>
<!-- end of entry-content c2 -->
</div>
<!-- end of post (column_box) -->
</div>
<!-- end of holder -->
</div>
<!-- end of column f_left -->
</div>
<!-- end of outer cf -->
<!-- second -->
<div class="holder">
<div class="column_box">
<div class="column_title">
2014
</div>
<h4>PEARL</h4>
<hr>
<div class="entry-content">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_left f_left">
<p>rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashrjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashrjrw jrwjrwhwrj jarjearjar jrajrajraj ytre
ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi
rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash</p>
<!-- this is disabled.
<div class="more">
<i class="show">more »</i>
<i class="hide">« less</i>
<br />
<img src="more/rabbit.jpg" alt="rabbit" title="">
<p>So she was considering, in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.</p>
<p>There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself "Oh dear! Oh dear! I shall be too late!" (when she thought it over afterwards it occurred to her that she ought to have wondered at this, but at the time it all</p>
</div> <!~~ close more ~~>
-->
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content -->
</div>
<!-- end of column_box -->
</div>
<!-- end of holder -->
<div class="column f_left">
<!-- third -->
<div class="holder">
<div class="column_box">
<div class="column_title">
2013
</div>
<h4>DIAMOND</h4>
<hr>
<div class="entry-content">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_right f_right">
<p>Universe itself is infinite erj rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjshj hafshfash hrhqw
jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwjhjsw jrqwlrqwjhjshj hafshfash hrhqw jrqwlrqwj rrturtu tyyiyiyi rytturtu hjshj hafshfash hrhqw jrqwlrqwj</p>
<!-- disabled content
<div class="more">
<i class="show">more »</i>
<i class="hide">« less</i>
<br />
<img src="more/rabbit.jpg" alt="rabbit" title="">
<p>So she was considering, in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.</p>
<p>There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself "Oh dear! Oh dear! I shall be too late!" (when she thought it over afterwards it occurred to her that she ought to have wondered at this, but at the time it all</p>
</div> <!~~ close more ~~>
-->
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content -->
</div>
<!-- end of column_box -->
</div>
<!-- end of holder -->
<!-- fourth -->
<div class="holder">
<div class="column_box">
<div class="column_title">
Sep 2013
</div>
<h4>ROSE</h4>
<hr>
<div class="entry-content">
<div class="post type-post status-publish format-standard hentry category-uncategorized entry">
<div class="shadow">
<img src="images/ody.png" width="140" height="147" alt="img" class="img_left f_left">
<p>rjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashrjrw jrwjrwhwrj jarjearjar jrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashrjrw jrwjrwhwrj jarjearjar jrajrajraj
ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu
tyyiyiyi rytturtu hjshj hafshfashjrajrajraj ytre ryeyrey rrturtu tyyiyiyi rytturtu hjshj hafshfash</p>
<!--
<div class="more">
<i class="show">more »</i>
<i class="hide">« less</i>
<br />
<img src="more/rabbit.jpg" alt="rabbit" title="">
<p>So she was considering, in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.</p>
<p>There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself "Oh dear! Oh dear! I shall be too late!" (when she thought it over afterwards it occurred to her that she ought to have wondered at this, but at the time it all</p>
</div> <!~~ close more ~~>
-->
</div>
<!-- end of shadow -->
</div>
<!-- end of post -->
</div>
<!-- end of entry-content -->
</div>
<!-- end of column_box -->
</div>
<!-- end of holder -->
</div>
<!-- end of column f_left -->
</div>
<!-- end of wrapper -->
相关文章：
- AddEventListener适用于浏览器，但不适用于Android
- 查找仅适用于原始图像的图像放大算法的名称
- 如何在category.php中执行jquery，这应该适用于类别wordpress中的每个帖子
- Web编程，简单但适用于机器人项目
- JavaScript不适用于internet explorer和Firefox，但适用于谷歌
- Jquery事件处理程序仅适用于匿名函数
- jQuery调整大小函数只适用于窗口
- 火灾在卸载前确认警报仅适用于外部站点
- EmberJS-适用于各种模型的适配器动态名称空间
- Facebook共享链接适用于用户，但不适用于粉丝页面管理员
- jQuery-适用于移动设备的多级菜单
- 循环中的切换脚本只适用于第一次迭代
- 为什么setTimeout适用于无休止的递归调用
- 我未保存的更改指令需要适用于具有不同名称的所有表单
- 适用于多种浏览器的Selenium-需要能够执行javascript的webDriver
- Sails.js/Waterline.add(）和.remove(）仅适用于第二次调用
- jQuery点击事件仅适用于横向(iPhone）
- HTML5 Canvas toDataURL(“image/png”）适用于一些绘画，而有些则不然，不确定原因
- jQuery表单验证(如果==“执行此操作”）仅适用于第一次输入
- 添加混合 javascript 函数，使内容淡入列内的另一个内容/使其适用于两个单独的列
