Php 单击链接并将其加载到<；部门>；_Php_Html

Php 单击链接并将其加载到<；部门>；

php html

Php 单击链接并将其加载到<；部门>；,php,html,Php,Html,我有以下代码 <?php /** * Created by PhpStorm. * User: gary * Date: 3/23/16 * Time: 05:01 */ ?> <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/19

我有以下代码

    <?php
/**
 * Created by PhpStorm.
 * User: gary
 * Date: 3/23/16
 * Time: 05:01
 */
?>
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
      xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Default Page">
    <meta name="author" content="Gary Ehrenfeld">
    <link rel="icon" href="favicon.ico">

    <title>Hive Management</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/mystyle.css" rel="stylesheet">
    <script src="js/bootstrap.js"></script>

</head>
<div CLASS="h-banner">
            <h1 class="h1-white">&nbspHive Management</h1>

</div>

<div class="v-banner">
    <div class="col-md-1">
        <h4>
            <ul class="nav nav-pils nav-stacked">
                <li><a href="#" class="h1-white">Profile</a></li>
                <li><a href="#" class="h1-white">My&nbspYards</a></li>
                <li><a href="hives.php" class="h1-white">My&nbspHives</a></li>
                <li><a href="inspections.php" target="content" class="h1-white">Inspections</a> </li>
                <li><a href="#" class="h1-white">Hive&nbspEvents</a></li>
                <li><a href="#" class="h1-white">Harvest</a></li>
                <li><a href="#" class="h1-white">Feeding</a></li>
            </ul>
        </h4>
    </div>
</div>
<div>
    Main Window
</div>


蜂巢管理
&积极管理









主窗口

当我点击一个链接时，我希望该链接在主窗口div中打开，但不确定如何打开。

我不知道javascript是否适用，因为我不知道javascript以及如何在php中使用它。

为此，您必须使用javascript，下面是一个简单的示例：

<script>
$(document).ready(function(){
$(".nav li a").on( "click",function (e) {
e.preventDefault();

var page = $(this).attr('href');

$.ajax({
            type: "POST",
            url: page,
            success: function(msg){
                $("#yourdiv").html(msg);
            }
        });
});})
</script>


$（文档）.ready（函数（）{
$（“.nav li a”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var page=$（this.attr（'href'）；
$.ajax({
类型：“POST”，
网址：第页，
成功：功能（msg）{
$（“#yourdiv”）.html（msg）；
}
});
});})

您可以使用ajax实现，只需抓取包含内容的文件并成功将其插入div。您需要使用javascript将内容动态加载到页面中，您需要启动ajax调用，从javascript获取内容并将其加载到

主窗口

。我不熟悉javascript。我应该把它放在哪里，如何从链接中调用它？这是jquery，所以你需要在html的头部添加

，之后我发布的内容你可以添加到任何地方，当你在导航中单击锚定标记时，这些代码都会起作用，它从html中获取href属性并将其放入页面变量中，然后使用$。ajax从您的文件夹中获取该文件并将其插入到您的div中，您只需更改插入位置

$（“#yourdiv”）.html（msg）

更改id为div的yourdiv。我在这里更改什么

我用

id='yourdiv'

将我的to div更改为div，在这里您将返回您的页面，

href='hives.php'

必须是您想要导入到div的页面对不起，我太笨了，您能用我第一篇文章中的代码给我举个例子吗。