Php JQuery从动态内容加载动态内容_Php_Jquery_Html

Php JQuery从动态内容加载动态内容

php jquery html

Php JQuery从动态内容加载动态内容,php,jquery,html,Php,Jquery,Html,我想知道是否有人能帮助我或为我指明方向。我正在寻找一个像测验一样的web应用程序。我需要的是能够从动态创建的按钮或href加载动态内容，在本例中，该按钮或href将链接到其他内容。到目前为止，它似乎没有发挥作用，因为我每次点击按钮都会看到一个找不到的页面。似乎没有通过名称传递.php。我已经在dynmaic content div之外测试了这个，它工作得很好，但我真的需要它在内部工作。到目前为止，我所拥有的： index.php <body> <div class="cont

我想知道是否有人能帮助我或为我指明方向。我正在寻找一个像测验一样的web应用程序。我需要的是能够从动态创建的按钮或href加载动态内容，在本例中，该按钮或href将链接到其他内容。到目前为止，它似乎没有发挥作用，因为我每次点击按钮都会看到一个找不到的页面。似乎没有通过名称传递.php。我已经在dynmaic content div之外测试了这个，它工作得很好，但我真的需要它在内部工作。到目前为止，我所拥有的：

index.php

<body>
<div class="container_12">

    <div id="content">
    <!--dynamic content loads here-->
    </div>
</div>  

</body>

<h1> Login Page </h1>
    <p> this is a test to c if works </p> 
        <a href='Suitable'>Hello</a> <!--button that doesnt work-->

<h1> Working </h1>
<!-- content thats not loading off button-->

合适的.php

<body>
<div class="container_12">

    <div id="content">
    <!--dynamic content loads here-->
    </div>
</div>  

</body>

<h1> Login Page </h1>
    <p> this is a test to c if works </p> 
        <a href='Suitable'>Hello</a> <!--button that doesnt work-->

<h1> Working </h1>
<!-- content thats not loading off button-->

工作

尝试

直播

而不是

点击

//处理小部件单击

$('div#content a').live('click',function() {
    var page = $(this).attr('href');
    $('#content').load('pages/' + page +'.php');
    return false;

});

您应该为动态加载的元素委派

单击事件，请尝试以下操作：
$('#content').on('click', 'a', function(e) {
    e.preventDefault()
    var page = $(this).attr('href');
    $('#content').load('pages/' + page +'.php');
});

说明：
加载
是异步的。JS引擎不会等到它完成后再转到下一行。结果是，当执行单击
绑定时，div#content
中没有a
，因此选择器返回一个空数组，不会发生绑定