jQuery code not working in IE

Question

I am a novice in jQuery, and am trying to create this page. In all browsers I tested, when I click the red button a coupon code appears, except for IE. Why does this happen? And how can I fix it?

I hate this browser, really...

Javascript:

$(".coupon_button").live('click', function (event) { 
    $(".coupon_button").remove().fadeOut('slow');
    $(".coupon_main").after($("<div class='coupon_code'>code:newhgcoupon</div>").fadeIn());
    //$(".coupon_main").after().fadeIn('slow').html("<div class='code'>code:newhgcoupon</div>");
});

HTML:

<div class="module">
  <div class="coupon_title">Pay <span class="yellow">1 Cent</span> your First Month</div>
  <div class="coupon_main">To help save you some time, we created a link that takes you directly to the easily missed area on the official Medifast site that lists all of their latest specials and discounts.</div>
  <div class="coupon_button"><img src="button.png" /></div>
  <div class="coupon_footer">Expiration: 11-30-2010</div>
</div>

why downvotes? :O and without reasoning..is something wrong with the question? — Sotiris
– Sotiris, Commented Nov 4, 2010 at 20:18
I think it was because you didn't post any code and you didn't explain what you did. I voted you up :) — Vivin Paliath
– Vivin Paliath, Commented Nov 4, 2010 at 20:20
@Sotiris well I did not downvote, but perhaps people were concerned about the wording of the title. I think it's really a wasted opportunity to downvote without explaining why however. — Pointy
– Pointy, Commented Nov 4, 2010 at 20:20
Also it would help if you would say which version of IE is causing you problems. — Pointy
– Pointy, Commented Nov 4, 2010 at 20:21

Radu · Accepted Answer · 2013-12-23 22:04:41Z

6

Your script is not executing in IE. To fix it, just change the script type to text/javascript.

IE does not recognize the application/javascript type as being a script at all.

edited Dec 23, 2013 at 22:04

answered Nov 4, 2010 at 20:34

Radu

8,7098 gold badges58 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Fletcher · Accepted Answer · 2010-11-04 20:39:13Z

0

I think you're missing your document.ready function. Add this line right above the first line of your script:

$(document).ready(function() {

answered Nov 4, 2010 at 20:39

Chris Fletcher

2,3871 gold badge16 silver badges19 bronze badges

Collectives™ on Stack Overflow

jQuery code not working in IE

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related