Question

我需要在我的网站中动态更改blockquote的内容。我实际上必须检索我需要从数据库显示的内容，所以我需要使用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>

当我点击图像时，blockquote会在可见的“平面”处移动。使用init（）生成内容;功能。 init函数和逻辑在上面提供的链接中描述。

//使用JQuery从以下答案提出建议后纠正了函数 function 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调用中初始化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);

但仍然没有成功。有没有人有任何想法？对不起，我刚刚开始使用网页开发语言，所以我有点无能为力......

Answer 1

使用jQuery get

尝试此示例

testFunction（'lorem.txt'，'content'）; //第一个参数是文件网址，第二个参数是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>

动态更改blockquote的内容

1 个答案: