2

既にご覧になっていたら申し訳ありません。私はまだこれに少し苦労しています。ページ全体ではなく、メニューで選択したリンクから colTwo div のみをロードするように関数を変更するだけです。

jquery Web サイトのコードが表示されます。

$('#result').load('ajax/test.html #container');

しかし、関数にこれをさせる方法がわかりません。

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My Title</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>

<script type="text/javascript" src ='jquery-1.9.1.min.js'></script>
<script type="text/javascript">


    $(function(){
        $('#menu li a').on('click', function(e){
            e.preventDefault();
            var page_url=$(this).prop('href');
            $('#colTwo').load(page_url);
        });
    });


</script>
<body>
<div id="header">
    <h1>My Title</h1>
</div>
<div id="content">

    <div id="colOne">

        <div id="menu1">
            <ul id="menu">
                <li><a href="members.html">Members</a></li>
                <li><a href="about.html">About</a></li>

            </ul>
        </div>
        <div class="margin-news">
            <h2>Recent Updates</h2>
            <p><strong>None At This Time</strong> </p>
        </div>
    </div>

    <div id="colTwo"><h2>Starting Text</h2></div>
    <div style="clear: both;">&nbsp;</div>
</div>

</body>
</html>
4

1 に答える 1

5

ケビン B は正しい:

$('#colTwo').load(page_url + ' #colTwo');

セレクターを文字列として URL に追加するだけです。スペースを忘れないでください。

于 2013-05-09T22:08:34.530 に答える