نیکناز
چهارشنبه 18 اردیبهشت 1392, 20:15 عصر
سلام دوستان من می خوام با جی کوئری تب ایجاد کنم ولی کدهای به ظاهر درست من کار نمیکنند خیلی تو نت سرچ کردم همه همین طوری کد استفاده می کردند نمیدونم اشکال کارم کجاست لطفا راهنمایی کنید ممنونم
کد html :
<table>
<tbody><tr>
<td id="slide">
<a>
<div>
tab1
</div>
</a>
<a>
<div>
tab2
</div>
</a>
</td>
<td>
<div class="tabs" >
<div class="tab_1">
<a>
<img src="th.jpg">
</a>
</div>
<div class="tab_2">
<a>
<img src="1.jpg">
</a>
</div>
</div>
</td>
</tr>
</tbody></table>
کد جی کوئری من:
$(document).ready(function () {
$("#slide").tabs("div.tabs", { event: 'mouseover' });
});
من می خوام وقتی رو تب 1 رفتم عکس اول و وقتی رو عکس دوم رفتم display عکس اول none شه عکس دوم نمایش داده شه
ممنونم
کد html :
<table>
<tbody><tr>
<td id="slide">
<a>
<div>
tab1
</div>
</a>
<a>
<div>
tab2
</div>
</a>
</td>
<td>
<div class="tabs" >
<div class="tab_1">
<a>
<img src="th.jpg">
</a>
</div>
<div class="tab_2">
<a>
<img src="1.jpg">
</a>
</div>
</div>
</td>
</tr>
</tbody></table>
کد جی کوئری من:
$(document).ready(function () {
$("#slide").tabs("div.tabs", { event: 'mouseover' });
});
من می خوام وقتی رو تب 1 رفتم عکس اول و وقتی رو عکس دوم رفتم display عکس اول none شه عکس دوم نمایش داده شه
ممنونم