使用JS选择图像后重新加载页面
问题描述:
我需要在选择完所有图像后重新加载页面。我知道我在代码中有一个错误,但我不知道在哪里。 变量是Num。 我使用了多个jQuery库,HTML,CSS和JS。使用JS选择图像后重新加载页面
文件:
<link rel="stylesheet" type="text/css" href="layout.css"/>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.event.drag-2.0.min.js"></script>
<script type="text/javascript" src="jquery.event.drop-2.0.min.js"></script>
<script type="text/javascript" src="colors.js"></script>
脚本:
$(document).ready(function($)
{
var num=0;
$('.move')
.click(function(){
$(this).toggleClass("selected");
})
.drag("init",function(){
if ($(this).is('.selected')){
if (num == 5){
alert ("Warning.");
window.location.reload();
}
num++;
return $('.selected');
}
})
.drag(function(ev, dd){
$(this).css({
top: dd.offsetY,
left: dd.offsetX
});
});
});
HTML:
<h1>Hi</h1>
<div class="move" style="left:300px;"></div>
<div class="move" style="left:450px;"></div>
<div class="move" style="left:600px;"></div>
<div class="move" style="left:750px;"></div>
<div class="move" style="left:900px;"></div>
这里是页面视图: enter link description here
答
我认为这是你想要什么:
$('.posun').click(function(){
$(this).toggleClass("vybrate");
if($('.vybrate').length === 5){
window.location.reload()
}
})
$('.vybrate').length === 5
简单检查,看看是否有5个元素与类.vybrate
。如果有,那么我们知道每个人都被选中了,所以我们刷新了页面。
+0
谢谢你,你太棒了。 – user1006959
'我需要在标记所有图像后重新加载页面。什么标记? /谁是马克? – PeeHaa
具体。你有什么问题?将一堆代码转储到您的帖子中并说“不起作用”不是很有帮助。 – maxedison
你也以一种奇怪的方式启动你的脚本:'$(document).ready(function($){'应该简单地是'$(document).ready(function(){'或者甚至更好(不是更好但更短而我很懒:))'$(function(){' – PeeHaa