2010-07-19 4 views
1

를 사용하여 클래스에서 단어를 제거 I이 페이지에서 다음 HTML :JQuery와

<h1 class="theme-color-3">Knowledge Portal Site</h1> 

이 렌더링 dynamically.I 지식 Portal'.I 어디 단어를 몰라 '후 단어 사이트 돼요 사이트 하드 코드 된, 그래서 그 단어를 제거하려면 다음 jquery 코드를 썼습니다.

$(document).ready(function() { 
    $('h1.theme-color-3').html($('h1.theme-color-3').html().replace('Site','')); 

}); 

는 그러나 문제는이 코드는 전체 페이지가 로딩을 완료 한 후에 만 ​​실행하기 때문에, 단어 사이트가 사라진 후 얼마 동안 보여주고 있다는 점이다. 이를 예방할 방법이 있습니까?

당신은

+0

1. 텍스트 만 취급하는 경우'html()'대신'text()'를 사용해야합니다. 2. 사용자가 JS를 사용하지 않는 경우 어떻게합니까? –

답변

0

당신은 display:none에있는 요소를 설정하는 CSS를 사용하여 감사하지만 자바 스크립트있는 사람이 모든 요소없이 해제 떠날 것이다.

기본적으로 좋은 해결책이 없습니다.

2

장소 바로 <h1> 요소 후, 그래서 같은 <script> 요소 : 스크립트를 보장합니다

<h1 class="theme-color-3">Knowledge Portal Site</h1> 
<script type="text/javascript"> 
$('h1.theme-color-3').text($('h1.theme-color-3').text().replace('Site','')); 
</script> 

이 요소가 구문 분석 후 즉시 처리하므로 jQuery를 스크립트가 <head> 또는에 있는지 확인한다 최소한 문서를 더 올려야합니다. 또한 HTML을 적용하지 않는 경우 html() 대신 text()을 사용하십시오. 더 효율적입니다.