2011-09-06 4 views
0

에서 작동하지 않는 나는 <head> 내에서 호출되는 자바 스크립트 파일을 외부에 다음 코드를했다 :JQuery와 APPEND 및 JQuery와 HTML IE 7 또는 8

<script type="text/javascript">dailyDealWidget()</script> 
<div id="dd-widget"></div>` 
    <div id="dd-widget"> 
     <div id="dd-container"> 
      <div id="dd-thumb"></div> 
      <div id="dd-infobox"> 
       <div id="dd-description"></div> 
       <table width="165px" cellpadding="0" cellspacing="0"> 
        <tr> 
         <th>Value</th> 
         <th>Discount</th> 
         <th>Save</th> 
        </tr> 
        <tr> 
         <td id="dd-value"></td> 
         <td id="dd-discount"></td> 
         <td id="dd-price"></td> 
        </tr> 
        <tr> 
         <td colspan="3" id="dd-sold"></td> 
        </tr>      
       </table> 
      </div> 
      <div style="clear:both;"></div> 
     </div><!--End container--> 
    </div><!--End dd-widget--> 
: 나는 이것을 <body>

function dailyDealWidget() { 
    $.getJSON('http://myurlhere.com?_render=json', function(data) { 

     $('#dd-thumb').append('<img src="'+data.value.items[0].deals.deal.splashpagemainimage+'" />'); 
     $('#dd-description').append(data.value.items[0].deals.deal.offer+' from '+data.value.items[0].deals.deal.merchantname); 
     $('#dd-value').append('$'+data.value.items[0].deals.deal.productvalue); 
     $('#dd-discount').append(data.value.items[0].deals.deal.totaldealcount+'%'); 
     $('#dd-price').append('$'+data.value.items[0].deals.deal.saleprice); 
     $('#dd-sold').append(data.value.items[0].deals.deal.inventorytaken+' Sold'); 
    }); //End json 
} 

.append()은 IE의 원하는 위치에 콘텐츠를 추가하지 않는 것으로 보입니다. 또한 .append() 대신 .html()을 사용해 보았지만 행운도 없습니다.

Firebug와 IE의 개발자 도구 모두 콘솔에 오류가 없습니다.

도움을 주시면 감사하겠습니다.

+0

콘솔에 오류가 있습니까? –

+0

오류가 있습니까? 아니면 요소를 추가하지 않고 있습니까? – Tejs

+0

js 오류가 발생합니까? – ShankarSangoli

답변

1

.append() & .html() IE 7 & 8에서 작동하므로 문제가되지 않습니다. getJSON의 콜백 함수가 실제로 호출되는지 테스트 했습니까? 추가 문자열 자체를 수행하기 전에 .append()에 전달되는 실제 문자열을 검사 했습니까?

$.getJSON 콜백 함수의 시작 부분에 콘솔에 무엇인가 로깅을 시도하여 실제로 실행 중인지 확인한 다음 .append() 함수에 전달할 문자열을 기록해보십시오.

+0

IE에서 작동하도록 JSONP 콜백을 작성해야했습니다. IE는 콜백을 전혀받지 못했습니다. – bigmike7801

2

페이지가로드 된 후 dailyDealWidget을 호출합니다.

+0

예, $ (문서) .ready() 전화 –

+0

아니요, 그 중 하나를 작동하지 않았다. 그래도 좋은 제안. – bigmike7801

0

DIV가 추가되고 TD가 추가되지 않습니까? 그렇다면 전체 TR 행을 하나의 변수로 다시 그려서 기존 행을 대체하십시오.

+0

정말이 답변입니까? – Sparky