如何解决jquery confilct [英] how to solve the jquery confilct

问题描述

< script type =text / javascriptsrc =js / jquery-1.7.2.min.js>< / script>

< script type =text / javascriptsrc =js / header2.js>< / script>

< script type =text / javascript>



jQuery（document）.ready（function（）{

jQuery（。SHlDiv）。hide（）;

jQuery（'。button' ）.click（function（）{

jQuery（。SHDiv）。slideToggle（）;

}）;

}）;

< / script>

< script type =text / javascriptsrc =js / accrodian / prototype.js>< / script>

< script type =text / javascriptsrc =js / accrodian / effects.js>< / script>

< script type =text / javascriptsrc =js / accrodian / accordion.js>< / script>



< script type =text / javascript> < br $>


//

//在我的情况下，我想加载它们，你就是这样做的！

//



Event.observe（window，'load'，loadAccordions，false）;

//

// Set所有手风琴

//



函数loadAccordions（）{

var bottomAccordion = new accordion（'vertical_container '）;



var nestedVerticalAccordion =新手风琴（'vertical_nested_container'，{

classNames：{

toggle ：'vertical_accordion_toggle'，

toggleActive：'vertical_accordion_toggle_active'，

内容：'vertical_accordion_content'

}

} ）;



//打开第一个

bottomAccordion.activate（$$（'＃vertical_container .accordion_toggle'）[0]）;



//开第二个

topAccordion.activate（$$（'＃horizo​​ntal_container .horizo​​ntal_accordion_toggle'）[2]）;

}



< / script>

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/header2.js"></script>
<script type="text/javascript">

jQuery(document).ready(function () {
jQuery(".SHlDiv").hide();
jQuery('.button').click(function () {
jQuery(".SHDiv").slideToggle();
});
});
</script>
<script type="text/javascript" src="js/accrodian/prototype.js"></script>
<script type="text/javascript" src="js/accrodian/effects.js"></script>
<script type="text/javascript" src="js/accrodian/accordion.js"></script>

<script type="text/javascript">

//
// In my case I want to load them onload, this is how you do it!
//

Event.observe(window, 'load', loadAccordions, false);
//
// Set up all accordions
//

function loadAccordions() {
var bottomAccordion = new accordion('vertical_container');

var nestedVerticalAccordion = new accordion('vertical_nested_container', {
classNames : {
toggle : 'vertical_accordion_toggle',
toggleActive : 'vertical_accordion_toggle_active',
content : 'vertical_accordion_content'
}
});

// Open first one
bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);

// Open second one
topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]);
}

</script>

推荐答案

（'＃vertical_container .accordion_toggle'）[0]）;



//打开第二个

topAccordion.activate（

('#vertical_container .accordion_toggle')[0]);

// Open second one
topAccordion.activate(

（'＃horizo​​ntal_container .horizo​​ntal_accordion_toggle'）[2]）;

}



< / script>

('#horizontal_container .horizontal_accordion_toggle')[2]);
}

</script>

参考： using-jquery-core-avoid-conflicts-other-libraries / [ ^ ]

这篇关于如何解决jquery confilct的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！