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>

我在想要link / 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>

如何在div中打开链接？

1 个答案: