2011-04-25 3 views
0

나는, 데이터가 하나의 div 태그가 포함 된 경우에만이 jQuery. fadeIn와 앞에 추가 (오류)

function updateResult(data) { 
$('#test').prepend(
    html 
); 
} 

그러나 fadeIn 작품과

작동 fadeIn없이 여기 jquery prepend + fadeIn

에서 코드를 사용했습니다

$('#test').prepend(
    $(html).hide().fadeIn('slow') 
); 

그렇지 않으면 FireFox에서 오류를 반환합니다.

uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: http://code.jquery.com/jquery-latest.min.js :: <TOP_LEVEL> :: line 16" data: no] 

어떻게이 코드를 다시 작성할 수 있습니까?

업데이트. 당신은 아마 애니메이션 메서드를 사용할 수 없습니다

$(html).hide().prependTo('#test').fadeIn('slow'); 

요소가있는 경우 : 내 상황에서 내가 선을 제거한 후 이런 식

data = data.replace(/(?:(?:\r\n|\r|\n)\s*)/gi, ''); 
$(data).hide().prependTo('#test').fadeIn('slow'); 

를 해결 한이

답변

0

문제는 바꿈 것 같다

<div id="be-images"> 
    <ul> 
     <li>lista</li> 
    </ul> 
</div> 
<button type="button">button</button> 

JQUERY.

이 thred를 읽은 후 Common sources of unterminated string literal 나는 뒷다리를 얻습니다. 서버는 새 줄에 태그가있는 HTML 코드를 반환하므로 \ n 태그 사이의 간격을 제거하면이 오류가 사라집니다.

다음

예를 들어 http://jsfiddle.net/gMWFD/

1

이 시도해야으로 작품을 나누기 DOM에 추가되지 않았습니다.

+0

같은 오류 : ((( – Tuco

+0

@Tuco : 그것은 나를 위해 파이어 폭스에서 작동하기 때문에 그 다음은 뭔가 다른입니다 : http://jsfiddle.net/fkling/duM7a/ 당신은 또한 수 호출의 순서를 변경하려고 시도 :'$ (html) .prependTo ('# test') .hidden() .fadeIn ('slow');'이것은 깜박임을 초래할 수 있지만 –

+0

아마도 CSS, 왜냐하면 당신 코드가 그것을 사용하지 않기 때문에 제 잘못이고 거기에 nsIDOMViewCSS.getComputedStyle이 있습니다 – Tuco

1

이 코드를 Firefox와 Chrome에서 테스트하십시오. 내가 AJAX와 함께 테스트하지 않았습니다 :

HTML

$('button').click(function(){ 
$('#be-images ul').prepend(
    $('<p>response</p>').hide().fadeIn(2000) 
); 
}); 
관련 문제