2014-10-02 2 views
0

단순 해 보이지만 올바른 위치를 찾을 수 없습니다. 내 HTML 헤드에 다음과 같은 기능을 가지고 : 나는 '+ BR /'연결하는 각을 배치 할 위치를 찾을 수 없습니다배열/함수를 반복하면서 줄 바꿈 문자가 있음

<script> 
// test getArray() method in external JS file 
document.write(getArray()); 
$(document).ready(function($){  
    var contentArray = getArray(); 
    $('#calculations').writeText(contentArray); 
}); 
</script> 
<h3>Fibonacci Sequence:</h3> 
<p id='calculations'></p> 

:

<script> 
(function($) { 
    $.fn.writeText = function(content) { 
     var contentArray = content, 
      current = 0, 
      elem = this; 
     setInterval(function() { 
      if(current < contentArray.length) { 
       elem.text(elem.text() + contentArray[current++]);     
      } 
     }, 1000); 
    };  
})(jQuery); 
</script> 

내가 좋아 몸에 호출 writeText는 줄 바꿈으로 끝납니다.

+0

잘 모르겠지만 jQuery의'text()'는 내용을 대체하고 줄을 추가하지 않습니다. 문제가 무엇입니까? – adeneo

+0

잘 모르겠습니다. 당신은 성취하려하지만, 나는 당신이 그것을하는 방식이 필요한 것보다 훨씬 복잡하다는 것을 확신합니다. 예상되는 행동을 원하니? –

+0

@adeneo 배열을 가져 와서 배열의 각 요소를 새 줄의 시간 간격으로 표시하고 있습니다. 나는 배열을 통해 같은 라인에 각 배열 요소를 표시하는 사이클 기능을 가지고 있지만 내 전반적인 목표를 달성하기 위해 줄 바꿈을 어디에 넣어 알아낼 수 없습니다. – jarheadWill

답변

2

줄 바꿈 사용은 약간 아마추어입니다. 다음은 단락 태그를 추가하는 스크립트입니다.

또한
$(function() {  
    var contentArray = ['first', 'second', 'third'], 
     iContent = 0; 

    function showContent() { 
     $('#calculations').append('<p>' + contentArray[iContent] + '</p>'); 
     if (iContent < contentArray.length - 1) { 
      window.setTimeout(function() {showContent(); }, 1000); 
      iContent = iContent + 1; 
     } 
    } 

    window.setTimeout(function() {showContent(); }, 1000); 
}); 

당신은 동일한 작업을 수행합니다 (

$(document).ready(

간단한 $가 필요하지 않습니다. 왜 당신이 당신의 코드에서 document.write를()를하는거야? 그냥보고 싶다면 배열 값은 console.log()가 더 잘 작동합니다.

+0

write()는 외부 JS 파일에서 배열을 가져 오는 지 확인하는 테스트입니다. JS에 익숙하지 않다면 말할 수 있겠지만, VS for .NET 프로젝트에서했던 것처럼 중단 점을 확인하는 코드를 단계별로 실행하려고했습니다. 나중에 참조 할 수 있도록 cosole.log()를 보겠습니다. 감사합니다. – jarheadWill

0

나는 당신이하려고하는 것에서 맹목적으로 찌르지 만, 내가 정확하다면 이것은 효과가 없을 것입니까?

$('#calculations').html(getArray().join('<br>')); 

JS를 담당 의사의 머리에 넣지 않을 것입니다. body 태그의 끝에 대신 넣으십시오.

관련 문제