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 回答