1

我需要在我的网站中动态更改块引用的内容。实际上,我必须从数据库中检索需要显示的内容,因此我需要使用 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);

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

4

1 回答 1

2

用 jQuery get 试试这个例子

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-13T18:32:55.507 回答