我试图让一个段落标记淡出超过10秒,但是它比预期的10秒快得多.
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<p>
If you click on this paragraph you'll see it just fade away.
</p>
<script type="text/javascript">
$("p").click(function () {
$("p").fadeOut("10000");
});
</script>
当点击"保存"或"取消"时,我有一个没有关闭的对话框模式.我已经比较了jQuery UI的官方演示页面,似乎无法找到为什么这不起作用.
这是我有的:
$(function () {
$("#DetailsWindow").dialog({
autoOpen: false,
resizable: false,
height: 500,
width: 600,
modal: true,
title: 'Appointment Details',
buttons: {
"Save": function () {
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
$('button').click(function () {
$("#DetailsWindow").dialog("open");
});
});
HTML:
<button>A button</button>
<div id="DetailsWindow">
<h3>Title</h3>
<span>Some Text</span>
</div>
我目前总共有4个具有相同类别的盒子,每个盒子都有自己的ID,当点击任何盒子时,所有盒子的背景颜色应该更改为指定的div ID.
我确实希望它是一个特定的颜色,就像在当前的JS小提琴例子中一样,我希望它成为特定div的颜色.即#box2会将.click上的颜色更改为#box1的颜色,而#box1将更改为#box4的颜色.从而给出了顺时针方向移动的盒子的错觉.我希望这可用于无限次点击.
$(document).ready(function () {
$('.colorbox').click(function () {
$('#box1').css('background-color', 'blue');
$('#box2').css('background-color', 'red');
$('#box3').css('background-color', 'yellow');
$('#box4').css('background-color', 'green');
});
});