如何在div中打開鏈接？

Question

我試圖在某個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>

Answer 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>