Home/ Questions/Q 6547209
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T11:48:06+00:00

I have the following code in an external JavaScript file that is called within

  • 0

I have the following code in an external JavaScript file that is called within <head>:

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
}

Within <body> I have this:

 <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-->

It appears that .append() is not adding the content to the desired locations in IE. I’ve also tried using .html() rather than .append() but without any luck.

There are no errors in the console… both in Firebug and in IE’s developer tools.

Any help would be appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    .append() & .html() DO work in IE 7 & 8, so this is not the problem. Have you tested to make sure that the callback function for getJSON is actually being called? Have you examined the actual strings being passed to .append() prior to trying to perform the append itself?

    Try logging something to the console at the beginning of the $.getJSON callback function to make sure that’s actually running, and then try logging the strings you’re passing to the .append() functions.

    • 0