0

メニューを作成します：

<ul id="menu">
    <li>                
        <a href="#" onclick="load(1);return false;"> Team Install</a> 
    </li>
    <li>                
        <a href="#" onclick="load(2);return false;"> PC and Laptop Service</a>
    </li>
    <li>                
        <a href="#" onclick="load(3);return false;"> Web Design and Internet Services</a>
    </li>
    <li>                
        <a href="#" onclick="load(4);return false;"> Software and Database Dev.</a>
    </li>
 </ul>
 <div id="LoadMe"></div>

そして、これは私がjqueryで行うことです：

<script type="text/javascript">

    $(document).ready(function () {
        $("#LoadMe").load('/Service2.html');
        $('#menu a[href="' + url + '"]').addClass('selectedcategoryServices');
    });

    function load(num) {
        $("#LoadMe").load('/Service' + num + '.html');
    }

</script>

しかし、メニューselectedcategoryServicesをクリックしたときの準備ができていません。

4

2 に答える 2

1

こうやってみる

$("a").click(function(){
     $("a.selectedcategoryServices").removeClass("selectedcategoryServices");
     $(this).addClass('selectedcategoryServices');

 });

このデモをチェック

于 2012-09-15T09:13:41.757 に答える
0

href属性のURL を追加onclickし、マークアップから削除しました。

<ul id="menu">
    <li>
        <a href="/Service1.html"> Team Install</a>
    </li>
    <li>
        <a href="/Service2.html"> PC and Laptop Service</a>
    </li>
    <li>
        <a href="/Service3.html"> Web Design and Internet Services</a>
    </li>
    <li>
        <a href="/Service4.html"> Software and Database Dev.</a>
    </li>
</ul>
<div id="LoadMe"></div>

.

このマークアップを使用すると、これを使用して、探している効果を実現できます

$(document).ready(function () {
    $("#menu a").click("on", function(ev) {
        ev.preventDefault();

        load($(this).attr("href"));
    });
});

function load(url) {
    $("#LoadMe").load(url, function() {
        $("#menu").find("a[href=\"" + url + "\"]").addClass("selectedcategoryServices");
    });
}

参考までに:控えめな Javascript :)

于 2012-09-15T09:10:02.817 に答える