使用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（）來隱藏/顯示。