Php Ajax“加载更多”函数无法正确加载颜色框
我创建了一个“加载更多”链接,通过AJAX调用加载接下来的100个条目。 我的AJAX调用如下所示:Php Ajax“加载更多”函数无法正确加载颜色框,php,jquery,ajax,modal-dialog,colorbox,Php,Jquery,Ajax,Modal Dialog,Colorbox,我创建了一个“加载更多”链接,通过AJAX调用加载接下来的100个条目。 我的AJAX调用如下所示: <script type="text/javascript"> function HideButton(){ $('#load_post').css('display', 'none') } $.ajaxSetup ({ cache: false }); var ajax_load = "<div clas
<script type="text/javascript">
function HideButton(){
$('#load_post').css('display', 'none')
}
$.ajaxSetup ({
cache: false
});
var ajax_load = "<div class='loading_wrapper'><img class='loading' src='<?php echo url(); ?>images/ajax-loader.gif' alt='loading...' /></div>";
var loadUrl = "http://www.mydomain.com/loadmore.php";
$("#load_post").click(function(){
$("#result")
.html(ajax_load)
.load(loadUrl, {exclude: "<?php echo $exclude_more_post_str; ?>"},
function() {
$('#load_post').css('display', 'none');
});
});
</script>
php代码只是从数据库中检索接下来的100个条目,这与主页的查询几乎相同,只是有一个偏移量
它会正确加载100个条目,但不会将其加载到我的颜色框iframe中。在通过AJAX加载更多内容之前,第一个条目可以正常工作,但是AJAX加载的100个条目不会在colorbox中加载页面,即使它将正确的类附加到a href
当按下应在颜色框iframe中打开的条目时,它只显示页面,例如
在运行AJAX调用时,是否有一些特殊属性丢失,因此我需要重新加载colorbox。我尝试过在页眉和页脚中都使用Colorbox javascript,但结果是一样的
如果我解释得不清楚,请让我知道,我会尽力澄清
真诚的
-Mestika如果您想将loadmore.php或其他url的内容显示到colorbox iframe中,请尝试更改其插件容器i.ex的href属性:。。。或者无论您如何调用它,如果以前初始化过,则抛出click事件
$("#load_post").click(function(){
$(".loadmore").attr('href', "http://www.mydomain.com/loadmore.php").click();
});
您甚至可以将初始化方法链接到.loadmore标记上,如下所示:
$("#load_post").click(function(){
$(".loadmore").attr('href', "http://www.mydomain.com/loadmore.php")
.colorbox({iframe:true, width:"80%", height:"80%"}).click();
});
我希望会我不知道你在问什么。您说过您正在使用带有iframe的colorbox。那在哪里?您是否正在尝试将html注入其中?