[jQuery] jQuery 1.0.3 .click() not firing in IE
Thanks for the reply.
Here is the js in the head for this section.
$(document).ready(function() {
$("#contact-seller-btn").click(function() {
$("#contact-form-toggle").toggle();
}).toggle(function() {
$(this).children("img").attr("src","/images/btn_contact_seller_minus.gif
");
}, function() {
$(this).children("img").attr("src","/images/btn_contact_seller.gif");
});
});
Here is the html for the form when you submit it with errors. It will
print the errors and also print the jQuery click event to toggle open
the div and display the errors.
<div class="contact-form">
<a href="#" id="contact-seller-btn"><img class="btn-hover"
src="/images/btn_contact_seller.gif" border="0" alt="Contact Seller"
/></a>
<div id="contact-form-toggle" style="display:none;">
<form action="" method="post" id="contact-form">
<script type="text/javascript">
<!--
$(document).ready(function() {
$("#contact-seller-btn").click();
});
-->
</script>
<p class="error">
· Please provide a valid email address.<br/>
· Please provide a contact message.<br/>
· Please provide a valid security code.<br/>
<div>
<label for="email" class="error">Your email address</label>
<input type="text" name="email" style="width:278px;" maxlength="255"
value="" class="textfield" />
</div>
<div>
<label for="body" class="error">Message</label>
<textarea name="body" rows="5" style="width:278px;"
maxlength="1000"></textarea>
</div>
<div id="captcha-image"></div>
<div>
<label for="captcha" class="error">Enter the 6 characters from the image
above.</label>
<input type="text" name="captcha"
style="width:100px;text-transform:uppercase;" maxlength="6" value=""
class="textfield" />
</div>
<div style="margin:0 0 14px 0;">
Can't read the characters above? <br /><a class="nc" href="#"
id="contact-captcha-link">Generate a new image</a>
</div>
<div style="margin:0 0 12px 0;">
<input class="btn-hover" type="image" src="/images/btn_send.gif"
style="vertical-align:middle;margin-right:2px;" /> <input
style="vertical-align:middle;" type="button" name="cancel"
value="Cancel" class="close" />
</div>
<input type="hidden" name="submit" value="1" />
</form>
</div>
</div>
Thanks for the help!
-Marshall
-----Original Message-----
From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On
Behalf Of Brandon Aaron
Sent: Sunday, November 05, 2006 3:15 PM
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery 1.0.3 .click() not firing in IE
Did you get an error? Could you possibly post a link? It is hard to
say what is causing the problem in IE without seeing the surrounding
code. I don't think anyone has had any problems with the events module
in 1.0.3 so this is probably caused by something else.
--
Brandon Aaron