jquery - jquery向下滑动功能不起作用

Question

你好我有一个包含这个的 php 文件

 <div id="center" class="column">
    <p>Staff please, <a id="open" href="#" >login</a> before accessing this page, no access to students.</p>
</div>

单击登录按钮时，它应该打开一个面板，它在页面的上方（在 header.php 文件上）工作，但不是在这里。在我的标题中

<script src="js/slide.js" type="text/javascript"></script>

和

<script type="text/javascript" src="js/jquery.js"></script>.

我的 slide.js 看起来像这样：

$(document).ready(function() {

// Expand Panel
$("#open").click(function(){
    $("div#panel").slideDown("slow");

}); 

// Collapse Panel
$("#close").click(function(){
    $("div#panel").slideUp("slow"); 
});     

// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
    $("#toggle a").toggle();
});     

});

您可以在这里看到它不起作用：http ://webtest.jt-games.net/staff.php在面板选项卡中，它可以工作，按钮但页面主要部分的文本不起作用。

Answer 1

主页上的按钮和滑动面板中的按钮，都是打开面板的任务，ID相同，#open.

ID 必须是唯一的，并且 jQuery 仅适用于具有该名称的第一个 ID，这就是为什么它不适用于页面上的链接。

你可以给主页上的链接另外一个ID，然后触发点击事件，像这样：

$("#link_on_main_page_id").on('click', function(){
    $('#open').click();
});