0

我有 5 张图片（人物头像照片）。我正在使用以下 jQuery 在单击每个图像时显示和隐藏相应的 div（以显示有关每个人的信息）。

     $('.personDiv').hide();
     $('.listPerson').click(function(){
          $('.personDiv').hide();
          $('#person'+$(this).attr('target')).show();
          $('.listPerson').css('opacity', 0.6);
          $(this).css('opacity', 1);
     });

当从其他页面上的某些链接到达时，我希望选择特定的图像（并且已经显示了相应的 div），就像 a href="example.html#anchor" 将用户链接到链接的特定位置一样页。我怎样才能在我的场景中实现这一点？

多谢了。

4

1 回答 1

3

我知道如何完成类似事情的唯一方法是在来自其他页面的链接中使用查询字符串变量，然后在 DOM 上使用 javascript 解析它们，并将结果存储在一个变量中，然后将其用作选择器。

因此，如果您有这样的 URL：www.myurl.com?person=frank

$(function() {
  var params = {};
  var ps = window.location.search.split(/\?|&/);
  for (var i = 0; i < ps.length; i++) {
        if (ps[i]) {
              var p = ps[i].split(/=/);
              params[p[0]] = p[1];
        }
  }
  var personToShow = params.person;
  $('#'+personToShow).show();
});

所以像这样的东西基本上会显示任何元素在 DOM 上的 ID 为 Frank 的准备就绪。

于 2013-06-20T03:51:00.237 回答