JQuery从动态内容加载动态内容
JQuery从动态内容加载动态内容
提问于 2012-07-21 04:13:42
我想知道是否有人能帮我或指点我的方向。我想做一个像小测验一样的web应用程序。我需要的是能够从动态创建的按钮或href加载动态内容，在这种情况下，这将链接到其他内容。到目前为止，它似乎并没有发挥作用，因为每次单击按钮时，我都会得到一个页面，而不是找到它。似乎并没有通过这个名字传递.php。我已经在dynmaic内容div之外测试过它，它工作得很好，但是我真的需要它在里面工作。到目前为止我所拥有的是：
index.php
<body>
<div class="container_12">
<div id="content">
<!--dynamic content loads here-->
</div>
</div>
</body> Login.php
<h1> Login Page </h1>
<p> this is a test to c if works </p>
<a href='Suitable'>Hello</a> <!--button that doesnt work-->general.js
$(document).ready(function() {
//initial
$('#content').load('Login.php');
//Handle widget Clicks
$('div#content a').click(function() {
var page = $(this).attr('href');
$('#content').load('pages/' + page +'.php');
return false;
});
});Suitable.php
<h1> Working </h1>
<!-- content thats not loading off button-->回答 3
Stack Overflow用户
回答已采纳
发布于 2012-07-21 04:20:52
应该为动态加载的元素委托click事件，请尝试以下操作：
$('#content').on('click', 'a', function(e) {
e.preventDefault()
var page = $(this).attr('href');
$('#content').load('pages/' + page +'.php');
});Stack Overflow用户
发布于 2012-07-21 04:25:35
$(document).ready(function() {
//initial
$('#content').load('Login.php', function(){
//Handle widget Clicks
$('div#content a').click(function() {
var page = $(this).attr('href');
$('#content').load('pages/' + page +'.php');
return false;
});
});
});解释：
load是异步的。JS引擎在进入下一行之前不会等待它完成。结果是，当您的click绑定执行时，div#content中没有a，因此选择器返回一个空数组，并且不会发生绑定。
Stack Overflow用户
发布于 2012-07-21 04:18:00
尝试Live而不是click
//句柄小部件单击
$('div#content a').live('click',function() {
var page = $(this).attr('href');
$('#content').load('pages/' + page +'.php');
return false;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11589397
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号