我使用2个JQuery插件

Question

My website works well, using JQuery. On one page, I call the JQuery when the document (page) is ready, using

 <script type="text/javascript">
    // Initialize the plugin with no custom options
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
            mousewheelScrolling: "allDirections",
            manualContinuousScrolling: true,
            autoScrollingMode: "onStart"
        })     
        });
</script>

Another page, which uses a different JQuery plugin, does

<script type="text/javascript">
    $(document).ready(function () {
        $(".fancybox").fancybox();
    });
</script>

Now, I need to have both of these plugins on the same page.

The following code stops the JQuery working completely, and I'm lost to what is the correct syntax

<script type="text/javascript">
    // Initialize the plugin with no custom options
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
            mousewheelScrolling: "allDirections",
            manualContinuousScrolling: true,
            autoScrollingMode: "onStart"
        })
    });

    $(document).ready(function () {
        $(".fancybox").fancybox();
    });

</script>

I also tried

 <script type="text/javascript">
       // Initialize the plugin with no custom options
       $(document).ready(function () {
           $("#makeMeScrollable").smoothDivScroll({
               mousewheelScrolling: "allDirections",
               manualContinuousScrolling: true,
               autoScrollingMode: "onStart"
           });
           $(".fancybox").fancybox();
       });
</script>

Please let me know what I'm doing wrong

Answer 1

"i also tried"

<script type="text/javascript">
// Initialize the plugin with no custom options
$(document).ready(function () {
    $("#makeMeScrollable").smoothDivScroll({
        mousewheelScrolling: "allDirections",
        manualContinuousScrolling: true,
        autoScrollingMode: "onStart"
    })             }),
    $(".fancybox").fancybox();
});
</script>

i think it should be:

<script type="text/javascript">
// Initialize the plugin with no custom options
$(document).ready(function () {
    $("#makeMeScrollable").smoothDivScroll({
        mousewheelScrolling: "allDirections",
        manualContinuousScrolling: true,
        autoScrollingMode: "onStart"
    });
    $(".fancybox").fancybox();
});
</script>