使用jQuery Slide进行脚本冲突Mootools验证

时间:2013-09-01 21:01:09

标签: javascript jquery ajax mootools

好的,我有以下问题我有一个从this网站获取的slideToggle脚本,another调用formcheck.js表单验证,我一次只加载一个,我可以避免这个冲突因为我尝试$ .noConflict(true)而没有成功有助于代码如下:

<script type="text/javascript" src="js/mootools.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/lang/es.js"></script>

<script type="text/javascript"  src="js/formcheck.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){ check = new FormCheck('third', {
        display : {
            fadeDuration : 500,
            errorsLocation : 1,
            indicateErrors : 1,
            showErrors : 1
        }
    });
});

$(document).ready(function(){
    $("#flip4").click(function(){
        $("#panel4").slideToggle("slow");
    });
});
$(document).ready(function(){
    $("#flip5").click(function(){
        $("#panel5").slideToggle("slow");
    });
});
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideToggle("slow");
    });
});
</script>

1 个答案:

答案 0 :(得分:0)

尝试使用jQuery部分:

jQuery(document).ready(function () {
    jQuery("#flip4").click(function () {
        jQuery("#panel4").slideToggle("slow");
    });

    jQuery("#flip5").click(function () {
        jQuery("#panel5").slideToggle("slow");
    });

    jQuery("#flip").click(function () {
        jQuery("#panel").slideToggle("slow");
    });
});

或者使用Mootools完成所有操作:

window.addEvent('domready', function () {
    check = new FormCheck('third', {
        display: {
            fadeDuration: 500,
            errorsLocation: 1,
            indicateErrors: 1,
            showErrors: 1
        }
    });
    document.id("flip4").addEvent('click', function () {
        document.id("panel4").toggle();
    });
    document.id("flip5").addEvent('click', function () {
       document.id("panel5").toggle();
    });
    document.id("flip").addEvent('click', function () {
        document.id("panel").toggle();
    });
});

如果您使用Mootools效果,可以使用reveal()dissolve()来隐藏/显示。