> 웹 프론트엔드 > JS 튜토리얼 > ie7에서 failure_jquery에 추가를 발생시키는 jquery 선택기 문제에 대한 솔루션

ie7에서 failure_jquery에 추가를 발생시키는 jquery 선택기 문제에 대한 솔루션

WBOY
풀어 주다: 2016-05-16 15:20:40
원래의
1294명이 탐색했습니다.

1, 다음과 같은 HTML 조각이 있습니다

코드 복사 코드는 다음과 같습니다.

<본체>







2. jquery를 사용하여 tbody 아래의 내용을 동적으로 채웁니다.

코드 복사 코드는 다음과 같습니다. $("#pending 테이블 tbody").empty().append(th).append(html);


이 코드는 ie7 이하 버전에서 문제가 있습니다. 즉, jquery는 올바른 DOM 위치를 찾을 수 없으며 #pending 테이블 tbody를 통해 콘텐츠를 추가할 수 없습니다. 수정이 필요한 코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다. $("테이블 tbody").empty().append(th).append(html);


#pending을 제거하고 table tbody를 통해 직접 dom을 찾습니다
3. 한동안 혼란스러웠습니다. 캐스케이딩 선택기가 매우 일반적인데 IE7에서는 왜 이런 문제가 발생합니까? jquery 버그인가요? 아니면 div 아래에 중첩된 테이블 tbody의 HTML 작성 방법이 표준이 아닌 것인가요?

계속 추가하겠습니다:

IE에서 jquery Append 사용 시 주의사항

수정(아래):
$(document).ready(function() {
   $.ajax({
     url: 'Cutepage.htm',
     dataType: 'json',
     data: 'type=Init&PageSize=' + EachPage + '&PageIndex=1',
     success: function(msg) {

      //在IE7下无法显示,在火狐下没有问题。。。。。
      $('#Content').append('<tr><td width="19%"> 商品编号</td><td width="15%">商品名字</td><td width="20%">供应商商编号</td><td width="30%">商品种类编号</td><td width="10%">单价</td></tr>');

     },
    error: function(x) { alert("服务器错误代码:" + x.status); $('#Loading').hide(); }
   });
 });
로그인 후 복사

컨텐츠를 매개변수에 복사하세요. HTML 컨텐츠를 직접 사용하지 마세요.
$(document).ready(function() {
   $.ajax({
     url: 'Cutepage.htm',
     dataType: 'json',
     data: 'type=Init&PageSize=' + EachPage + '&PageIndex=1',
     success: function(msg) {

      //修改后...(这样就没有问题了,可以看出Jquery对html标签是比较敏感的,以后需要注意........) 
      var pageContent = '';  
       pageContent += '<table border="2">';
       pageContent += '<tr><td width="19%"> 商品编号</td><td width="15%">商品名字</td><td width="20%">供应商商编号</td><td width="30%">商品种类编号</td><td width="10%">单价</td></tr>';
       pageContent += '</table>';      
       $('#Content').append(pageContent );

     },
    error: function(x) { alert("服务器错误代码:" + x.status); $('#Loading').hide(); }
   });
 });
로그인 후 복사

jQuery의 추가 메소드는 연결과 같은 HTML 속성을 지원하지 않습니다

나는 매우 우울합니다. 오늘 프로그램을 작성하고 있는데 문서 객체에 일부 HTML을 추가하려고 합니다.

와 같은 문제는 전혀 없지만 다음과 같은 링크가 있는 HTML을 발견했습니다. 🎜>

코드 복사

코드 복사

코드는 다음과 같습니다. $(document.createElement('a')).attr({"href":"#", "id": '#mylink'}).appendTo("#test");

그런 다음 다음 링크에 콘텐츠를 첨부하세요.

코드 복사

코드는 다음과 같습니다. $('#mylink').text("테스트");
이봐, 피곤해? 어쨌든 난 자러 갈게. 내일 시간이 나면 jQuery의 소스 코드가 어떻게 작성되는지 살펴보자.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿