Question

我正在使用管理面板进行管理，我试图通过隐藏它们并仅在单击某个ID时显示每个表来跳转到表之间。它不起作用，我隐藏div但我不能再显示它...任何建议哪里是语法中的错误？已经检查了双重身份

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
$(document).ready(function(){
$("#userst").click(function(){
    $("#userstable").show();
});
});
</script>
<li>
            <i  id = "userst" class="clip-grid-6" ></i>
            <a href="#">Users </a>
</li>

<div id = "userstable" class="row"  style=" overflow:auto; display:none;>
 </div>

这些是相关的代码行。

Answer 1

在style属性周围忘记双引号，并为div添加内容。还更新了Javascript代码。

<强> HTML

尝试从

更改

<div id = "userstable" class="row"  style=" overflow:auto; display:none;>

到

<div id = "userstable" class="row"  style=" overflow:auto; display:none;">

<强> JS

$("#userst").parent().find("a").click(function(){
    $("#userstable").show();
});

FIDDLE

Answer 2

你的HTML有一些缺陷。首先，id“userst”没有正文。您的目标是在创建锚链接之前关闭的i-tag（斜体）。其次，您忘记关闭id为“userstable”的div中的样式属性列表

<li>
   <i id="userst" class="clip-grid-6" ><a href="#">Users</a></i>
</li>

要使用jQuery激活锚标记，您需要添加event.preventDefault并将该事件作为参数添加到函数中。

$("#userst").click(function(event){
    event.preventDefault();
    $("#userstable").show();
});

使用jquery时不显示div

2 个答案: