Conflict

From ThaiiS Note (Wiki)

Contents 1 jQuery use with other javascript frameWork 2 sample cycle jquery 2.1 replace $ with "jQuery" 3 or 4 Prototype & jquery in wordpress 5 Note

jQuery use with other javascript frameWork

jQuery.noConflict();

sample cycle jquery

<script type="text/javascript">
$(function() {
$('#wat-slide').cycle({
        fx: 'scrollLeft,scrollUp',
        easing:  	"easeOutExpo",
        speed:  	2000,
       	timeout: 	6000,
      	pager:  	'#nav',
        before: function() { if (window.console) console.log(this.src); }
    });
});
</script>

replace $ with "jQuery"

<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
jQuery('#wat-slide').cycle({
        fx: 'scrollLeft,scrollUp',
        easing:  	"easeOutExpo",
        speed:  	2000,
       	timeout: 	6000,
      	pager:  	'#nav',
        before: function() { if (window.console) console.log(this.src); }
    });
});
</script>

or

var $j = jQuery.noConflict();
 
$j('document').ready(function() 
{	
	alert("ready");
});

Prototype & jquery in wordpress

การเรียก framework ให้เรียก jquery ไว้เป็นตัวสุดท้าย

<script type='text/javascript' src='<?php bloginfo('stylesheet_directory'); ?>/prototip/prototype-1.6.0.3.js'></script>

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/fc/jquery-1.3.2.min.js"></script>

<script type="text/javascript">
$j=jQuery.noConflict();
$j(document).ready(function() { 
$j("a.thaiis").fancybox({ 
					  'zoomSpeedIn': 700, 
					  'padding':0,
					  'zoomSpeedOut': 700, 
					   'overlayOpacity':0.01,
					  'hideOnOverlayClick':true,
					  'overlayShow': true
					  }); }); 

</script>

<?php wp_head(); ?>

Note

• ไม่สามารถใช้ noConflict บน Wordpress ที่ติดตั้ง Cycle + Contact form 7