• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
اشکال این کد کجاس که که کار نمیکنه؟
#1
با سلام اساتید محترم
من یه کد جی کوئری نوشتم که درست عمل نمیکنه ممنون میشم کمکم کنید
من یه سری کد اچ تی ام ال دارم که میخوام وقتی روی یه دایو هاور شد عکس کناری رو نمایش بده اینجا مثلا ما 10 دایو متفاوت داریم

کد پی‌اچ‌پی:
            <div class="titr-group" id="a0">
                <
span class="igroup cat-motors"></span>
                <
div class="font"><img src="img/pin.png" class="activearea" id="img0" /><a href="#" title="خرید و فروش خودرو">ماشین و خودرو</a></div>
             </
div

که با هاور روی a0,a1,a2 , ...
تصویر img0,img1,....
رو نمایش میده حالا این کد جی کوئریم هست
کد پی‌اچ‌پی:
    $(document).ready(function() {     
 for(var 
010i++) {
    (function(
i) {
        $(
"#a"+i).hover(function(){     
            $(
"#img"+i).css({"opacity":"1"});  

        },     
        function(){    
            $(
"#img"+i).css({"opacity":"0"});   
        });
    });
}
    }); 
ممنون میشم کمکم کنید
  پاسخ
تشکر شده توسط :
#2
چرا از کلاس ها استفاده نمی کنی؟
این رو ببین:

کد پی‌اچ‌پی:
$(document).ready(function() {     
  $(
'.titr-group').hover(function(){
    $(
this).find('img').show();
  },function(){
    $(
this).find('img').hide();
  });
}); 

اینم لینک تست آنلاین:
http://jsbin.com/tihove/2/edit?html,js,output
همه جوره اش رو داریم ظاهرن
  پاسخ
تشکر شده توسط : kasbookar
#3
یعنی مهندس بگو اصلا حواسم به کلاس ها نرفت اصلا کارو برای خودم پیچیده کرده بودم الکی ممنون
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان