用“问题”发出:“目标”;jquery 1.10.2和chrome中的选择器

用“问题”发出:“目标”;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

我使用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">
<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,它会提醒未定义的
    ,以及
    不会褪色
我在两者中都使用MacOSX


我做错了什么?这是“功能”吗?

似乎是一个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毫秒的超时可以解决错误。