2

メニューがあります。

     <div id="ReportMenu" class="left-box" style = "width: 250px;">
            <p class="section-title">
               <span>Select Report : </span>
            </p>
               <ul id="left-box" class="menu-left-box">
                    <li id="menu_1" class="selected"><a href="#"  onclick="getPartial(1);">A</a></li>
                    <li id="menu_2"><a href="#" onclick="getPartial(2);">B</a></li>
                    <li id="menu_3"><a href="#" onclick="getPartial(3);">C</a></li>
                    <li id="menu_4"><a href="#" onclick="getPartial(4);">D</a></li>                      
    </ul>   
     </div>

ユーザーがメニュー項目をクリックしたときに、メニュー項目を太字にする必要があります。ユーザーが他のメニュー項目をクリックすると、前のメニュー項目のクラスが削除されます。getPartial（）メソッドでJqueryコードを記述する必要があります。

これどうやってするの？

ありがとう、マーカス

4

3 に答える 3

3

こんにちは今、あなたはjqueryこのように機能を使うことができます

ライブデモ http://jsfiddle.net/Ef365/1/

HTML

<div id="ReportMenu" class="left-box" style = "width: 250px;">
            <p class="section-title">
               <span>Select Report : </span>
            </p>
               <ul id="left-box" class="menu-left-box">
                    <li><a href="#">A</a></li>
                    <li><a href="#">B</a></li>
                    <li><a href="#">C</a></li>
                    <li><a href="#">D</a></li>                      
    </ul>   
     </div>

Css

.selected{
font-weight:bold;
    font-size:45px;

}

Jquery

$(document).ready(function() {

        $("#left-box > li").click(function(){
        $("#left-box > li").removeClass('selected');
            $(this).addClass('selected');

        })


});

ライブデモ http://jsfiddle.net/Ef365/1/

于 2012-07-03T07:21:05.200 に答える
2 
function getPartial(variable)
{$(".menu-left-box li").css("font-weight","normal");
$(".menu-left-box li:eq("+(variable-1)+")").css("font-weight","bold");
}
于 2012-07-03T06:57:27.333 に答える
0

これを試して。

function getPartial(n) {
    $(".menu-left-box li a").css("font-weight","normal");
    $(this).css("font-weight","bold");
}
于 2012-07-03T07:15:39.710 に答える