用“问题”发出:“目标”;jquery 1.10.2和chrome中的选择器
我使用jQuery选择一个目标元素(在url中使用用“问题”发出:“目标”;jquery 1.10.2和chrome中的选择器,jquery,google-chrome,Jquery,Google Chrome,我使用jQuery选择一个目标元素(在url中使用#test),并获得一个依赖于浏览器的行为 守则: ### test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he
#test
),并获得一个依赖于浏览器的行为
守则:
### test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="[path_to_]/jquery-1.10.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="test">Hello world</div>
<script>
$(document).ready(function() {
alert($(":target").html());
$(":target").fadeOut(1000).fadeIn(1000);
});
</script>
</body>
</html>
###test.html
你好,世界
$(文档).ready(函数(){
警报($(“:target”).html();
美元(“:目标”).fadeOut(1000)。fadeIn(1000);
});
我尝试使用,但这需要url(我尝试了,但无法在JSFIDLE中使用)
现在,如果我打开页面test.html#test
- 在firefox 24.0中,它会提醒一个
和 正确淡出Hello world
- 使用Chrome 29.0.1547.76,它会提醒未定义的
,
,以及 不会褪色
我做错了什么?这是“功能”吗?似乎是一个bug,您可以使用哈希作为选择器来解决它:
$(document).ready(function () {
alert($(location.hash).html());
$(location.hash).fadeOut(1000).fadeIn(1000);
});
或者做一段时间,直到你的元素存在,或者像凯文在评论中提到的那样到达某个时间
编辑:错误报告(有一些重复)似乎是个错误,您可以使用哈希作为选择器来解决它:
$(document).ready(function () {
alert($(location.hash).html());
$(location.hash).fadeOut(1000).fadeIn(1000);
});
或者做一段时间,直到你的元素存在,或者像凯文在评论中提到的那样到达某个时间
编辑:错误报告(有一些重复)作为一项测试,如果你在setTimeout中包装你的警报和动画,比如说,1秒后,它工作吗?仅1毫秒的超时可以解决错误。作为一项测试,如果你在setTimeout中包装你的警报和动画,比如说,1秒后,它工作吗?仅1毫秒的超时可以解决错误。