jQuery 显示功能答案

【问题标题】：jQuery show functionjQuery 显示功能
【发布时间】：2020-05-20 06:08:32
【问题描述】：

 <scrpit>
    $(document).ready(function(){
            $("#viewDetails").on('click', function(){
                $('#content').show(2000);
            });     
        });
</script>

这是导航栏链接和其中的 id

<li class="nav-item"><a href="viewSchedule.php" class="nav-link" id="viewDetails">Trainings</a></li><div id="content">/*body I needed*/</div>

在这个 div 标签中，页面的所有主体都存在。这是我尝试过的 jQuery 代码，但没有成功。在下图中，“培训”是要单击的链接，当我单击时，正文应在 3 秒内显示。通过使用 PHP，我使用 require once 函数导入了导航栏。我检查了浏览器检查，但它工作正常，脚本不工作，我什至尝试了一个警告窗口，它也工作正常，但我没有得到结果

这是显示链接所在页面的图像

【问题讨论】：

在您的代码中<scrpit> 是复制错误还是在原始代码中不正确？
参考代码@NigelRen
抱歉 - 不确定这是什么意思。
你觉得应该是<script>吗？
页面将在内容可见之前被重定向。

标签： php html jquery

【解决方案1】：

您有一个与<a> 关联的href。因此，当您单击它时，该页面会在显示内容之前加载。首先将<scrpit> 更改为<script>。然后删除href 属性并将hidden 添加到id="content" 以使其在加载时隐藏。见下文-

<li class="nav-item"><a  class="nav-link" id="viewDetails">Trainings</a></li><div id="content" hidden>/*body I needed*/</div>

See demo here

【讨论】：

有CSS要加吗？
该功能无需任何 css 即可工作。如果您需要一些样式，请添加您自己的 CSS。
正如你所说的删除href 那么我怎么能得到我的页面没有链接？
看到这个 - stackoverflow.com/questions/1346043/…
谢谢 Mukesh 先生，我尝试了所有方法，但对我不起作用，感谢您宝贵的时间。如果你有时间，我们可以亲自去那里我可以清楚地向你解释我的问题Email: gollapudi.smiles@gmail.com

【解决方案2】：

您在代码中错过了拼写的“脚本”。

应该是"<script>"

【讨论】：