1

特定の div で開くための 3 つのリンクを取得しようとしています。ajaxがこれを行うのに役立つことは理解していますが、何らかの理由で正しく機能させることができません。（私はajaxとjavascript全般に不慣れです）誰かが私を助けることができれば、私はそれを感謝します！そして、私は自分の問題を調べましたが、有用な情報が見つからないようです。少なくとも私が必要とするほどではありません。

<div id="tickcontain">
    <div id="ticker"><ul class="bxslider">
        <li><img src="../images/01.png" /></li>
        <li><img src="../images/02.png" /></li>
        <li><img src="../images/03.png" /></li>
        <li><img src="../images/04.jpg" /></li>
    </ul></div>
<div id="calender"><center><?php include ("sources/status.php");?></center></div>

<div id="hallofame"> //**Want the information to load here**// </div>


<div id="events">
    <div id="tab1">Register</div> //**Want these 3 to be my links**//
    <div id="tab2">Events</div>   //**Want these 3 to be my links**//
    <div id="tab3">Updates</div>  //**Want these 3 to be my links**//
</div>
<div id="adspace"></div>

これをヘッダーに挿入しました（ページの上部）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

リンク/divを作成したいページにこれがあります。(最初のリンクのみをテストしてみました。)

<script type=text/javascript"> 
    $("#tab1").click(function(){
        $("#hallofame").load('pages/register.php');
    });
</script>
4

1 に答える 1

1

ソース コードにリンクがありません。それらを追加して、デフォルトの動作を変更しましょう。

<a data-target="#halloffame" href="pages/register.php">Register</a>
<a data-target="#halloffame" href="pages/events.php">Events</a>
<a data-target="#halloffame" href="pages/updates.php">Updates</a>

<div id="halloffame"></div>

<script>
  $('[data-target]').click( function (e) {
    var target = $($(this).attr('data-target'));
    target.load($(this).attr('href'));

    e.preventDefault(); // prevent anchor from changing window.location
  });
</script>
于 2012-12-16T11:51:51.727 に答える