atoofy
دوشنبه 04 آبان 1388, 21:25 عصر
سلام. من در صفحه سایت از دو نوع پلاگین استفاده می کنم که یکیش بر مبنای جی کوئری و دیگری بر مبنای موتولز هست. اون پلاگین ِ موتولز تا زمانی که فایل جی کوئری در صفحه فراخوانی نشده باشه به خوبی کار می کنه اما وقتی جی کوئری وارد صفحه میشه ، تداخل ( conflict ) ایجاد میشه و اون پلاگین موتولز کار نمی کنه.
من پراکنده می دونم که باید از
jQuery.noConflict(); استفاده بشه اما چگونگیش را بخصوص در مورد کد خاصی که دارم ازش استفاده می کنم نمی دونم.کد ِ استفاده کننده از جی کوئری این هست :
var jkpanel={
controltext: 'panel',
$mainpanel: null, contentdivheight: 0,
openclose:function($, speed){
this.$mainpanel.stop() //stop any animation
if (this.$mainpanel.attr('openstate')=='closed')
this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'})
else
this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'})
},
init:function(file, height, speed){
jQuery(document).ready(function($){
jkpanel.$mainpanel=$('<div id="dropdownpanel"><div class="contentdiv"></div><div class="control">'+jkpanel.controltext+'</div></div>').prependTo('body')
var $contentdiv=jkpanel.$mainpanel.find('.contentdiv')
var $controldiv=jkpanel.$mainpanel.find('.control').cs s({cursor: 'wait'})
$contentdiv.load(file, '', function($){
var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
$contentdiv.css({height: heightattr})
jkpanel.contentdivheight=parseInt($contentdiv.get( 0).offsetHeight)
jkpanel.$mainpanel.css({top:-jkpanel.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'closed')
$controldiv.css({cursor:'hand', cursor:'pointer'})
})
jkpanel.$mainpanel.click(function(){jkpanel.opencl ose($, speed)})
})
}
}
//Initialize script: jkpanel.init('path_to_content_file', 'height of content DIV in px', animation_duration)
jkpanel.init('index.htm', '80px', 1000)میشه راهنمایی کنید که کد نهایی با استفاده از
jQuery.noConflict(); چی میشه؟
ممنون
من پراکنده می دونم که باید از
jQuery.noConflict(); استفاده بشه اما چگونگیش را بخصوص در مورد کد خاصی که دارم ازش استفاده می کنم نمی دونم.کد ِ استفاده کننده از جی کوئری این هست :
var jkpanel={
controltext: 'panel',
$mainpanel: null, contentdivheight: 0,
openclose:function($, speed){
this.$mainpanel.stop() //stop any animation
if (this.$mainpanel.attr('openstate')=='closed')
this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'})
else
this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'})
},
init:function(file, height, speed){
jQuery(document).ready(function($){
jkpanel.$mainpanel=$('<div id="dropdownpanel"><div class="contentdiv"></div><div class="control">'+jkpanel.controltext+'</div></div>').prependTo('body')
var $contentdiv=jkpanel.$mainpanel.find('.contentdiv')
var $controldiv=jkpanel.$mainpanel.find('.control').cs s({cursor: 'wait'})
$contentdiv.load(file, '', function($){
var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
$contentdiv.css({height: heightattr})
jkpanel.contentdivheight=parseInt($contentdiv.get( 0).offsetHeight)
jkpanel.$mainpanel.css({top:-jkpanel.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'closed')
$controldiv.css({cursor:'hand', cursor:'pointer'})
})
jkpanel.$mainpanel.click(function(){jkpanel.opencl ose($, speed)})
})
}
}
//Initialize script: jkpanel.init('path_to_content_file', 'height of content DIV in px', animation_duration)
jkpanel.init('index.htm', '80px', 1000)میشه راهنمایی کنید که کد نهایی با استفاده از
jQuery.noConflict(); چی میشه؟
ممنون