我使用2个JQuery插件

Question

我的网站使用JQuery运作良好。 在一页上，当文档（页面）准备就绪时，我使用以下方法调用JQuery：

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

另一个页面使用不同的JQuery插件

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

现在，我需要在同一页面上同时使用这两个插件。

以下代码完全停止了JQuery的工作，而我不知道正确的语法是什么

<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>

我也试过

 <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>

请让我知道我在做什么错

Answer 1

“我也尝试过”

<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>

我认为应该是：

<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>