0

こんにちは私はこれを含む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パネルタブでは、ボタンは機能しますが、ページの主要部分のテキストは機能しません。

4

1 に答える 1

0

メイン ページのボタンとスライド パネルのボタンは、どちらもパネルを開くことが使命であり、同じ ID を持っています#open。

ID は一意である必要があり、jQuery はその名前の最初の ID に対してのみ機能します。そのため、ページ上のリンクでは機能しません。

メイン ページのリンクに別の ID を付けて、次のようにクリック イベントをトリガーすることができます。

$("#link_on_main_page_id").on('click', function(){
    $('#open').click();
});
于 2013-03-16T17:29:06.410 に答える