2015-06-03 24 views
0

我想在特定页面上显示div元素,例如 - example.com/my-account,现在它显示在我的所有帐户页面上 - 例如example.com/my-account/lost-password在特定页面上显示内容javascript

我知道如何使用JavaScript,但不在网页中,所以有人可以帮助我吗?这是我如何使用JavaScript来完成的。我只需要一个人来帮助让它在我正在编辑的php页面中工作。

<script> 
var cx = window.location; 
var curWin = String(cx); 
var myAccount = "http://example.com/my-account/"; 

if (curWin == myAccount){ 
<div id="banner"><img src="http://img.c5454o.png"></div> 
} 

</script> 

回答

1

如果你打开你的开发者工具,你可以看到身体被分配了类(当使用<body <?php body_class(); ?>>时)。

例如<body class="home page page-id-7 page-template-default">

所以从现在开始,你可以告诉CSS做什么,像这样:

#banner {display: none;} 
body.page-id-7 #banner {display: block;} 

所以,你不真的需要Javascript功能来检测特定页面,并显示一个特定的元素。

+0

感谢这工作完美。 – Matt

0
如果你想显示特定页面上的div元素,然后创建一个像 <div id='UniqueId'>该网页上的一个唯一的ID,然后去JavaScript代码和写

jQuery代码是:

if($('#UniqueId').length > 0) 
{ 
//show specific element 

} 
+0

那是不会工作 – Matt

+0

$(function(){//将上面的代码放在这里}) –

+0

我需要指定一个特定的页面。 – Matt

0

添加您的状态

var cx = window.location; 

if(cx.substr(-11)=="my-account/") { 
    //then do whatever you want 
} 

如果您的字符串是w ithout最后一个斜线的话..

if(cx.substr(-10)=="my-account") { 
    //then do whatever you want 
} 

SUBSTR(-11)函数将削减你的URL字符串从去年10个指数这样 还能用自己contion然后。

+0

这没有奏效 – Matt

+0

任何控制台错误? 我在小提琴测试它正在工作.. http://jsfiddle.net/8zw56zaL/ –

+0

实际上,是我没有减去任何东西,基本上相同的方式,我设置它在OP中,但是当我尝试把一堆if语句之间的html代码不起作用。 – Matt