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();
});

jquery下滑功能不起作用

1 个答案: