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

Question

好的，伙计们，我有以下问题我有一个从该站点获得的用于 slideToggle 的脚本，另一个称为 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()来隐藏/显示。