我想在单击链接时显示隐藏的 div。我正在为我的 CMS 使用 Joomla,我已经仔细检查过它是否正在加载 jQuery。这将包含我的登录信息,这是我目前拥有的信息。
HTML
<head>
<script type="text/javascript">
$(document).ready(function () {
$("#login-container").toggle()
});
function toggleDiv(divId) {
$("#" + divId).toggle();
}
</script>
</head>
<body>
<a href="javascript:toggleDiv('login-container');">Login</a>
<div id="login-container">
<jdoc:include type="modules" name="footer" />
</div>
</body>
CSS
#login-container {
float: right;
z-index: 50;
padding: .2em 1.5em;
border-radius: 5px;
position: fixed;
bottom: 3em;
left: 30%;
width: 16em;
height: 9em;
background-color: #fff;
overflow: hidden;
}
最佳答案
Joomla 以无冲突模式加载 jquery。
您必须将代码更改为:
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#login-container").toggle()
});
function toggleDiv(divId) {
jQuery("#" + divId).toggle();
}
</script>
关于jquery - .toggle 来自 <a> 的 div 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28788689/