PDA

View Full Version : سوال: رفع تداخل کد jQuery با Prototype.js



DJMOKHTAR
جمعه 15 مرداد 1395, 01:07 صبح
سلام

jquery.min.js با prototype.js تداخل داره وقتی که استفاده میشه عملکرد های prototype.js غیر فعال میشن

بررسی کردم مثل اینکه میشه با jQuery.noConflict() رفعش کرد اما موفق نشدم

این فایل جی کوئری هست :

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

و این هم کدهایی که زیر اون در قالب قرار داره :

<script type="text/javascript">
$(document).ready(function() {
$(".lastpost_tab_content").hide();
$(".lastpost_tab_content:first").show();
$("ul.lastpost_tabs li").click(function() {
$("ul.lastpost_tabs li").removeClass("active");
$(this).addClass("active");
$(".lastpost_tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
</script>

DJMOKHTAR
جمعه 15 مرداد 1395, 01:40 صبح
مشکل با جایگزینی کد زیر حل شد :

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery(".lastpost_tab_content").hide();
jQuery(".lastpost_tab_content:first").show();
jQuery("ul.lastpost_tabs li").click(function() {
jQuery("ul.lastpost_tabs li").removeClass("active");
jQuery(this).addClass("active");
jQuery(".lastpost_tab_content").hide();
var activeTab = jQuery(this).attr("rel");
jQuery("#"+activeTab).fadeIn();
});
});
</script>