脚本冲突Mootools验证与jQuery幻灯片

Script conflict Mootools Validation with jQuery Slide

本文关键字：jQuery 幻灯片 验证 冲突 Mootools 脚本      更新时间：2023-09-26

好吧，伙计们，我有以下问题。我有一个要滑动的脚本从这个网站获得，还有另一个名为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>

请为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（）来隐藏/显示。

相关文章：