تو IE8 کار میکنه ولی تو FF3.6 نه ؟؟؟

[exlord]

این کد رو من نوشتم تو FF3.6 کار نمیکنه هیچ error ی هم نمیده فقط event ها اجرا نمیشن ؟؟؟ چیکار کنم من اینو ؟؟


$(document).ready(function () {
var icon = $('#icon');
var initW = icon.width();
var w = initW;
icon.mouseover(function (e) {
w *= 1.5;
icon.animate({ width: w + 'px' }, 50, 'swing', function () { });
});
icon.mouseout(function (e) {
w = initW;
icon.animate({ width: w + 'px' }, 50, 'swing', function () { });
});
});

[mehdi.mousavi]

این کد رو من نوشتم تو FF3.6 کار نمیکنه هیچ error ی هم نمیده فقط event ها اجرا نمیشن ؟؟؟ چیکار کنم من اینو ؟؟

سلام.
لطفا HTML مربوطه رو هم اینجا قرار بدید.

[exlord]

<div class="container">
<form method="post" id="commentForm" >
<div style="width:400px;padding:10px;font-family:Comic Sans MS;" align="left" >
<div style="float:left;width:100px;">
Name : <br />
E-mail : <br />
Message :
</div>
<input type="text" name="txtName" style="width:200px;" class="validate[required]"/>
<input type="text" name="txtEmail" style="width:200px;" class="validate[required,email]"/>
<textarea cols="30" rows="4" name="txtMsg" class="validate[required]"></textarea>
<div style="width:400px;padding:4px;" align="center"><button id="btnSubmit" type="submit" style="border:none 0px;background-color:transparent"><img src="images/email.png" width="50px" id="icon"/></button></div>
</div>
</form>
</div>

[mehdi.mousavi]

سلام.
کدتون رو به این تغییر بدید:

$(document).ready(function() {
var $icon = $('#icon');
var initW = $icon.width();
var w = initW;

$icon.parent().hover(function() {
w *= 1.5;
$(this).find('img').animate({ width: w }, 50, 'swing', function() { });
}, function() {
w = initW;
$(this).find('img').animate({ width: w }, 50, 'swing', function() { });
});
});


موفق باشید.