0

我有一个主 php 文件，其中有一个“导航栏”，其中包含指向各个页面的链接，单击“导航栏”项目我希望将 div 的内容替换为相应的页面。

导航栏.php：

<li id="nav-home"><a class="button" href="main.php">Home</a></li>
<li id="nav-attn"><a class="button" href="?nav=page1.php">Page1</a></li>    
<li id="nav-tran"><a class="button" href="?nav=page2.php">Page2</a></li>
<li id="nav-mr"><a class="button" href="?nav=page3.php">Page3</a></li>

主.php：

<script>
$(document).ready(function() {  
$('#content').load('<?php echo $_GET['nav'] ?>');           
});
</script>

使用此代码，我期望单击导航栏项时，div 内容必须更改为相应的页面参考。我发现，例如，当我单击 page1 时，我的 url 被更改为 main?nav=page1.php，但根本没有触发更改 div 内容的脚本。请纠正我，但我不想将链接更改为“#”。

4

4 回答 4

1 
<script>
$(document).ready(function() {  
  $('uL#navbar a').click(function(e){
    e.preventDefault();
    $('#content').load($(this).attr('href'));
  });
});
</script>
于 2012-09-09T08:33:12.477 回答
0

你可以试试这个

$(document).ready(function() { 
    $('ul li a.button').on('click', function(e){
        e.preventDefault();
        $('#content').load($(this).attr('href'));           
    });
});
于 2012-09-09T08:33:31.453 回答
0

您需要为此使用 AJAX

<script>
    $(function(){
        $('.button').on('click', function(e){
            e.preventDefault();
            $('#content').load($(this).attr('href'));
        });
    })
</script>

<li id="nav-home"><a class="button" href="main.php">Home</a></li>
<li id="nav-attn"><a class="button" href="?nav=page1.php">Page1</a></li>    
<li id="nav-tran"><a class="button" href="?nav=page2.php">Page2</a></li>
<li id="nav-mr"><a class="button" href="?nav=page3.php">Page3</a></li>
<div id="content"></div>
于 2012-09-09T08:36:28.323 回答
0

尝试;

$(document).ready(function() { 
    $('.button').on('click', function(e){
        e.preventDefault();
        $('#content').load($(this).attr('href'));           
    });
});

在您的 php 中，更改代码以使 echo 看起来像；

<li id="nav-attn"><a class="button" href="yourpage.php?nav=page1.php">Page1</a></li>
于 2012-09-09T08:48:15.657 回答