지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > ie7에서 failure_jquery에 추가를 발생시키는 jquery 선택기 문제에 대한 솔루션

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

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

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을 발견했습니다. 🎜>

코드 복사

코드는 다음과 같습니다. $("#test").append("테스트>");

코드 복사

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

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

코드 복사

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

관련 라벨：
append
원천：php.cn
이전 기사：AngularJs가 동적으로 로드하는 모듈 및 종속성 주입에 대한 자세한 설명_AngularJS 다음 기사：JavaScript는 텍스트 상자_javascript 기술을 클릭하여 지운 후 자동으로 기본 텍스트를 복원합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
SQL 테이블(SQL/C++)의 정렬되지 않은 맵에서 누락된 값을 채우는 효율적인 방법 질문 현재 SQL 테이블의 고유 식별자(id)와 그에 연결된 데이터 세트를 순서가 지정되지 않은 맵으로 읽어들이는 시스템이 있습니다. 이러한 데이터 세트는 id1...
에서 2024-04-04 11:47:44
0
1
345
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿