블록 쿼트의 내용을 동적으로 변경하십시오.

웹 사이트에서 블록 쿼트의 내용을 동적으로 변경해야합니다. 실제로 데이터베이스에서 보여줄 필요가있는 내용을 검색해야하므로 PHP 스크립트를 사용하여 필요한 방식으로 구성해야합니다. 나는 그것을 중요한 생각하지 않지만/블록 쿼트의 내용을 동적으로 변경하십시오.

내 인용구가에 HTML을 가지고 말을해야 : http://dhtmlexamples.com/2011/02/18/dynamically-loading-content-using-ajax-and-xmlhttprequest/

하지만 성공하지 가 :

나는 그런 일을 사용했습니다.

아무도 도와 줄 수 있습니까?

편집 : 여기에 몇 가지 코드

<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(function(){ 
    $('.bxslider').bxSlider({ 
     pager: true, 
     auto: true, 
     speed: 2000, 
     autoHover: true, 
     pause: 6000 
    }); 
    $('.bxslider1').bxSlider({ 
     pager: true 
    }); 
    $('.bxslider2').bxSlider({ 
     pager: true 
    }); 
    .... 
    });

나는 동적으로 DIV의 내용을 변경할 때, 나는 새로운 컨텐츠의 처리를 더 bxlider 객체가없는 가정 : 문제는이 같은 전화 .ready $ (문서)에서 bxsliders을 초기화하는 데 사용한다는 것입니다 , 그래서 눈에 보이는 슬라이더가 없습니다. 나는 내용을 생성하는 함수 (openpro()) 내에서 호출을 시도했지만 헛된 것입니다. 나는 또한 이와 같은 것을 시도했다 :

그러나 여전히 성공했다. 누구든지 아이디어가 있습니까? 난 그냥

출처

2012-12-13 STE

일부 외부 예제가 아닌 사용자 코드를 부각 시키십시오. 우리는 볼 수없는 것들을 도울 수 없습니다. –

jQuery로이 예제를 얻을려고 .. 내가 조금 우둔 해요 그래서 언어를 개발하고 웹을 사용하여 시작하고 죄송

testFunction ('lorem.txt', '내용'); // 첫 번째 매개 변수는 file 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 ({ 호출기 : true; }); 내가 호출하는 슬라이더에이 객체가 준비되어 있지 않다는 것을 의미합니다. 내용 변경을 호출하는 함수 (이 예제에서는 testFunction)에서이 호출을 시도했지만 작동하지 않습니다. / – STE

블록 쿼트의 내용을 동적으로 변경하십시오.

답변

관련 문제