javascript - Mootools 验证与 jQuery Slide 的脚本冲突

Question

好的，大家好，我有以下问题我有一个从 this 获得的幻灯片切换脚本网站，以及 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>

Answer 1

尝试一下 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()也可以隐藏/显示。