我不知道为什么但这个代码有问题。横幅显示在每个页面上,虽然它已经指定了属性$(location).attr('href')你可以帮助我吗?:
<div id="bottombar">
<div class="bottom-content">
<a href="http://www.cliente.org/" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner/bottom-logo.png" alt="player-logo" /></a>
<a href="http://www.cliente.org/" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner/bottom-txt.png" alt="player-slogan" /></a>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner/bottom-download.png" alt="player-download" />
</div>
<div id="bottombarClose"><p>Chiudi</p></div>
<script type="text/javascript"">
$(document).ready(function() {
var currentUrl = $(location).attr('href');
if(currentUrl == 'http://www.esempio.net/')
$('#bottombar').show();
$("#bottombarClose").click(function() {
$('#bottombar').hide();
});
});
</script>
</div>
CSS代码:
div#bottombar {
background-image: url(images/banner/player-bg3.png);
background-repeat: repeat-x;
bottom: 0;
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
height: 100px;
left: 0;
margin: 0;
position: fixed !important;
width: 100%;
z-index: 99999;
display:none;
}
.bottom-content {
bottom: 0;
height: 97px;
left: 50%;
margin-left: -495px;
position: absolute;
width: 960px;
z-index: 10;
}
#bottombarClose {
cursor: pointer;
float: right;
padding: 55px 10px 0 0;
}
答案 0 :(得分:5)
你的意思不只是location.href
吗?
假设您正在讨论window.location
而不是其他内容。
返回一个Location对象 包含有关URL的信息 该文件并提供方法 更改该网址。你也可以分配 到此属性加载另一个URL。
位置不是dom 中的元素,因此jQuery无法选择它。
所以你的代码就是这样:
var currentUrl = window.location.href;
答案 1 :(得分:2)
location
不是DOM Element,而是Location object。
您正在尝试从中创建一个jQuery对象,但它没有意义。
请改用:
var currentUrl = window.location.href;
答案 2 :(得分:1)
试试这个
var currentUrl = window.location.href;
答案 3 :(得分:0)
请尝试使用var currentUrl = window.location.href
。这将返回当前页面的位置。
答案 4 :(得分:0)
而不是
$(location).attr('href');
使用
currentUrl = location;
答案 5 :(得分:0)
$(document).ready(function() {
var currentUrl = window.location.href;
if(currentUrl == 'http://streamingdb.net/')
$('#bottombar').show();
$("#bottombarClose").click(function() {
$('#bottombar').hide();
});
});
然后我给div#Bottombar添加了一个“display:none”,一切正常。感谢您的所有时间。