单击特定网站中的链接（锚标记）后显示数据

Question

有什么方法可以显示数据，即，当用户开始访问我们的网站时，更改同一个网站的两个或三个链接后，应该从底部显示数据。我网站的三个链接。下面是我的代码

  $(document).scroll(function(e) { e.preventDefault(); var y = $(this).scrollTop(); if (y > 800) { $('.fadein-data').fadeIn(); } else { $('#close-data').click(function() { $('.fadein-data').fadeOut(); $(document).unbind('scroll'); }) } }); 

 .fadein-data { display: none; position: fixed; width: 350px; left: 20px; bottom: 0; border: 1px solid #e5e5e5; border-bottom: 0; padding: 30px; background-color: #ffffff; z-index: 1050; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 0.085em 0.5em 0 rgba(0, 0, 0, 0.165); } #close-data { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; top: 5px; position: absolute; right: 9px; cursor: pointer; } 

 <div class="fadein-data"> <a type="button " id="close-data "><span aria-hidden="true ">×</span></a> <h4 class="mt-0 mb-10 ">Heading</h4> <p><b>The all in one software and some content</b></h4> <img src="images/brochure.png "> <br> <a type="button " href="Brochure.pdf " class="btn btn-success">Download Brouchure</a> </div> 

：

Answer 1

因此，一旦用户已经浏览了几个链接，您想开始显示数据吗？ 这是一个解决方案。 您可以将回调绑定到

`$(window).on('hashchange', function(e){
// do something...
});` 

事件或(document).location().change事件。

在回调中，将当前url推送到全局定义的数组中，然后检查数组长度。 如果根据需要大于2或3，则触发回调以显示数据。 这是一个接近的例子！

$(document).ready(function() {
var navigatedUrls = [];
$(window).bind( 'hashchange', function(e) { 
    var anchor = document.location.hash;
    navigatedUrls.push(anchor);
    if(navigateUrls.length >2) {
        //call the method that displays data
    } 
});
});

您可以根据您的网址格式替换哈希和位置部分。 以下是支持hashchange事件的浏览器列表。 http://caniuse.com/#feat=hashchange