我需要在我的网站中动态更改块引用的内容。实际上,我必须从数据库中检索需要显示的内容,因此我需要使用 php 脚本来获取它们并以我需要的方式形成它们。
我尝试使用类似的东西: http: //dhtmlexamples.com/2011/02/18/dynamically-loading-content-using-ajax-and-xmlhttprequest/
但没有成功:/
我应该说我的块引用中有 html,尽管我认为这并不重要。
有人可以帮我吗?
编辑:这是一些代码
<blockquote class="pro-in" id="content" style="left:-10000px; opacity:0;"></blockquote>
当我单击图像时,块引用会在可见的“平面”上移动。内容是用 init() 生成的;功能。上面提供的链接中描述了 init 函数和逻辑。
// 根据以下答案的建议更正了函数 - 使用 JQuery 函数 openpro(contentNumber){
$.get('phpscripts/projectsLogic.php?project='+contentNumber, function(data) {
$('#content').html(data);
});
$('#content').animate({left:0, opacity:1},{duration:1600});
$('#con').animate({left:-10000, opacity:0},{duration:1600});
}
如果您对实际创建内容而不是修复此解决方案有更好的建议,我支持它。------------------------------------- bxslider EDIT2:
我实际上称之为 bxslider(加上其他)。问题是我曾经像这样在 $(document).ready 调用中初始化 bxslider:
$(document).ready(function(){
$('.bxslider').bxSlider({
pager: true,
auto: true,
speed: 2000,
autoHover: true,
pause: 6000
});
$('.bxslider1').bxSlider({
pager: true
});
$('.bxslider2').bxSlider({
pager: true
});
....
});
当我动态更改 div 的内容时,我想没有 bxlider 对象处理新内容,因此没有可见的滑块。我尝试将调用放在创建内容的函数中( openpro() )但徒劳无功。我也尝试过这样的事情:
var slide = document.createElement("script");
slide.type = "text/javascript";
slide.text = "$(document).ready(function(){ $('#slider1').bxSlider({pager:true}); });";
document.head.appendChild(slide);
但仍然没有成功。有没有人有任何想法?对不起,我刚开始使用网络开发语言,所以我有点无能为力..