有没有办法显示数据,即当用户开始访问我们的网站时,在更改同一网站的两个或三个链接后,应该从底部显示数据。当用户更改时,有什么方法可以显示div我的网站的两个或三个链接。下面是我的代码
$(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>
&#13;
答案 0 :(得分:0)
因此,您希望在用户浏览了几个链接后开始显示您的数据?这是一个解决方案。 您可以将回调绑定到
curtain.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked) {
StringRequest stringRequest = new StringRequest(Request.Method.POST, URL, new Response.Listener<String>() {
@Override
public void onResponse(String response) {
if (response.equals("open")) {
Toast.makeText(getApplicationContext(), "Curtain is opening..", Toast.LENGTH_LONG).show();
final long period = 5000;
new Timer().schedule(new TimerTask() {
@Override
public void run() {
curtain.setEnabled(false);
}
}, System.currentTimeMillis(), period);
curtain.setEnabled(true);
} else {
Toast.makeText(getApplicationContext(), "Failed to open", Toast.LENGTH_SHORT).show();
}
}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
Toast.makeText(getApplicationContext(), "Connection failed. Please check your internet connection.", Toast.LENGTH_SHORT).show();
error.printStackTrace();
}
}) {
@Override
protected Map<String, String> getParams() throws AuthFailureError {
Map<String, String> getData = new HashMap<>();
getData.put("device", "curtain");
getData.put("action", "open");
return getData;
}
};
IotSingleton.getInstance(MainActivity.this).addToRequestQue(stringRequest);
}
事件或
`$(window).on('hashchange', function(e){
// do something...
});`
事件
在回调中将当前url推送到全局定义的数组中,然后检查数组长度。如果根据您的需要大于2或3,则触发回调以显示您的数据。这是一个很好的例子!
(document).location().change
您可以根据您的网址的方式替换哈希和位置部分。
以下是支持$(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
}
});
});
事件的浏览器列表。
http://caniuse.com/#feat=hashchange