Question

我有JavaScript，这样当你点击一串文字时，它会创建一个向下滑动的div，并展开一个区域以显示更多信息。我希望能够在我的网站的不同页面上有一个链接，当点击时，会将您带到页面，其中包含单击并展开的文本字符串ALREADY。我该怎么做？

JSFidldle：http://jsfiddle.net/hr07tn16/2/

JavaScript的：

$('.moreInfo').on('click', function(){
  var target = $(this).data('target');
  $('.expandable').not('.' + target).slideUp(500, function(){
    $('.' + target).slideDown(500, function(){
      });        
  });
});

HTML

<div class="moreInfo" data-target="red">More Info</div> 
<div class="moreInfo" data-target="green">More Info</div> 
<div class="expandable red" style="display: none;">RED</div> 
<div class="expandable green" style="display: none;">GREEN</div>

CSS：

.expandable {
    width: 997px;
    height: 300px;
}
.red {
    color: white;
    position: relative;
    top: 380px;
    border: 1px solid rgba(0,0,0,.1);
}
.green {
    color: white;
    position: relative;
    top: 380px;
    border: 1px solid rgba(0,0,0,.1);
}

Answer 1

您可以在其他页面上的链接中添加哈希值，如果存在哈希值，则触发点击。您也可以使用标志来使用动画，具体取决于是自动触发器还是手动触发器。

Answer 2

您可以尝试的一件事是使用POST变量集重定向到该页面，该变量集指示您要扩展的元素。然后在指向的页面上，有一个onLoad（）函数，它检查变量是否已设置，然后执行您想要的操作。

onLoad()

如何链接到JavaScript函数？

2 个答案: