ورود

View Full Version : سوال: مشکل jQuery با Firefox (عدم عملکرد صحیح margin-right)



c.mrkay.g
چهارشنبه 10 آذر 1389, 23:20 عصر
دوستان سلام :

من با جي کوئري اين Event رو نوشتم :



$('#slideshow .aRight').click( function(){
$(this).parent().children('div').animate({
'margin-right' : '-=278px'
});
});
حالا مشکل من اينه که به خوبي تويه Chrome و Safari کار ميکنه ولي تويه IE و FF کار نيمکنه. سرچ کردم ولي چيزي دستگيرم نشد. من حدس ميزنم که FF و IE نميتونن CSS رو انيميت کنن . مي خواستم بدونم راه حلي داره يا نه؟


<div id="slideshow">
<div class="back">
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
</div>
<span id="aRight" class="arrow aRight"></span>
<span id="aLeft" class="arrow aLeft"></span>
</div>
مرسی

mehdi.mousavi
پنج شنبه 11 آذر 1389, 14:00 عصر
سلام.
من نمیدونم چه Effect ای مد نظرتون هستش، اما این کد دقیقا همونطوری توی Firefox کار میکنه که توی Chrome... (به تغییراتی که دادم دقت کنید).


<html>
<head>
<style type="text/css">
img {
width:100px;
height:100px;
}
</style>
<script src="jQuery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#slideshow .aRight').click(function () {
$(this).parent().find('img').animate({
'margin-right': '-=278px'
}, 3000);

return false;
});
});
</script>
</head>
<body>
<div id="slideshow">
<div class="back">
<img src="images/basic.png" />
<img src="images/basic02.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
<img src="images/basic.png" />
</div>
<span id="aRight" class="arrow aRight">Right</span>
<span id="aLeft" class="arrow aLeft">LEFT</span>
</div>
</body>
</html>
اگر Effect دیگه ای مد نظرتون هستش لطفا توضیح بدید.

موفق باشید.

c.mrkay.g
پنج شنبه 11 آذر 1389, 15:59 عصر
مهدی جان ممنون از راهنماییت. مشکلش حل شد. فکر کنم ورژن جی کوئری که داشتم پایین بود چون وقتی ورژن 1.4.4 رو استفائه کردم مشکلش حل شد. این افکتی هم که دادی خیلی با حاله :لبخند: بازم ممنون