Question

我试图只在主页上显示这个div，我使用在线问题跟踪软件，允许自定义。但我只能使用JS和CSS。如何将div设置为仅在example.com/homepage上显示，而不是在任何其他页面上显示。

----------------这是代码-------------- JS：

$('#mainArea')
    .before(
        '<div id="vmenu"><table width=900><tr><td width=50% rowspan=2>Welcome to the Software Partner Portal. Click on “Case status” to see all your open cases, or “New case” to submit a new one.<br><br>The “Wiki” option is where you can find searchable reference material on a variety of topics from product documentation to release notes and even tips on IT issues.<br><br>If you need any help please contact us at <a href="mailto:partners@example.com">partners@example.com</a> or 514.335.5525.</td></tr></table></div>'
    );
$('a.navlink[href*="default.asp?pre=preLogOff"]')
    .attr('href', 'http://www.example.com/login.php')
$("table.biglist")
    .find("tr")
    .each(function() {
        $(this)
            .find("td:contains('Closed')")
            .each(function() {
                $(this)
                    .parent()
                    .hide();
            });
    });

的CSS：

#mainArea, mainAreaContinued{
}
#idLinkToFogCreek {
    display:none;
}
table#mainArea {
    display:none;
}
#vmenu {
    width:900px;
    height:auto;
    margin:0 auto;
    background-color: #E0E9F1;
    border: 2px solid #B1C9DD;
    font-family: 'Cambria',Georgia,'Times New Roman',Times,serif;
}
#vmenu ul {
    list-style:none;
    margin:0px;
    padding:5px;
}
#vmenu a {
    text-decoration:none;
    font-size:12px;
}
#vmenu h4 {
    color:black;
    width:100%;
    font-weight:bold;
    border-bottom:solid 2px #f0f0f0;
    margin:0;
}
#vmenu a:hover {
    text-decoration:underline;
}
#vmenu li {
    margin-bottom:2px;

}

Answer 1

一种可能性是读取网址的location.href或location.pathname（您的应用程序中可能存在的任何内容），然后运行一个函数将类分配给<body>和你可以反对这一点。

Answer 2

尝试使用此条件：

if (location.href.indexOf('homepage') !== -1) {
    //Show the div
}

仅在主页上显示div，仅使用JS＆amp; CSS

2 个答案: