动态更改块引用的内容

我需要动态更改我的网站中的块引用内容。我实际上必须检索我需要从数据库中显示的内容，所以我需要使用一个php脚本来获取它们并以我需要的方式形成它们。动态更改块引用的内容

我试图用类似的东西： http://dhtmlexamples.com/2011/02/18/dynamically-loading-content-using-ajax-and-xmlhttprequest/

但没有成功：/

我应该说，我BLOCKQUOTE具有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（加上其他人）。问题是，我以前在$（文件）来初始化bxsliders。就绪这样调用：

$(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);

但仍然没有成功。有没有人有任何想法？对不起，我刚开始使用Web开发语言，所以我有点头绪..

来源

2012-12-13 STE

请穿上您的代码，而不是一些外部示例。我们无法帮助我们看不到的东西。 –

尝试这个例子用jQuery得到

testFunction（“lorem.txt”，“内容”）; //第一个参数是文件url，第二个参数是blockquote ID

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
function testFunction(path, container){ 
    $.get(path, function(data) { 
     $('#'+container).html(data); 
    }); 
    $('#'+container).animate({left:0, opacity:1},{duration:2000}); 
    $('#'+container).animate({left:-10000, opacity:0},{duration:2000}); 
} 

</script> 
<body onload="testFunction('lorem.txt', 'content');"> 
    <blockquote class="pro-in" id="content" style="left:-10000px; opacity:0;"></blockquote> 
</body>

来源

2012-12-13 18:32:55 Kasun

它的工作谢谢你！问题是，在我所说的，实际上是一个bxslider。为了使用它，我必须做一个这样的调用： $（document）.ready（function（）{（'。bxslider'+ contentNumber）.bxSlider（{0121}pager：true; }）; 这意味着我调用的滑块没有为它们准备好这个对象，我尝试在调用内容更改的函数中执行此调用（在您的示例中为testFunction），但它不起作用：/ – STE

动态更改块引用的内容

回答

相关问题