Question

我已经阅读过很多帖子，但我还在苦苦挣扎。我试图使用一些简单的java来显示和隐藏div类。我可以让它在JSFiddle中工作，但不能在我的实时网站上工作。

这是我正在使用的代码。 HTML首先

<div id="mydiv1">
    <div id="mydiv-container">
        <div id="mydiv-content">
            <h1>Here's The Popup 1</h1>
            <br>Click the link to close.
            <br>
            <a href="#" onclick="show('mydiv2')">Open 2</a>
        </div>
    </div>
</div>

<div id="mydiv2"  style="display:none">
    <div id="mydiv-container">
        <div id="mydiv-content">
            <h1>Here's The Popup 2</h1>
            <br>Click the link to close.
            <br>
            <a href="#" onclick="hide('mydiv2')">Close 2</a>
        </div>
    </div>
</div>

JavaScript的：

function show(target) {
document.getElementById(target).style.display = 'block';
}

function hide(target) {
document.getElementById(target).style.display = 'none';
}

无法解决为什么它不会在实时服务器上切换div。

Answer 1

我认为您服务器上的问题是id，即mydiv1和mydiv2不是唯一的。 id正在重复。

如果id没有重复，请检查您的服务器。

ID应始终唯一。

您可以在Firefox和Chrome上使用Web Developer扩展程序。要在页面上重复id

在浏览器上安装Web Developer
点击Web Developer图标
点击Information标签
点击Find Duplicate Ids

希望这会有所帮助。

下载工具栏：

铬： https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?utm_source=chrome-app-launcher-info-dialog

火狐： https://addons.mozilla.org/en-US/firefox/addon/web-developer/?src=userprofile

使用javascript和onclick显示div

1 个答案: