0

私のasp.net mvc 3アプリケーションには、jquery.simplemodalプラグインを使用するポップアップアニメーションがあります。アニメーションを担当するコードは次のとおりです

$.modal(data, {
containerId: 'popupdiv',
opacity: 5,
autoResize: true,
overlayCss: { backgroundColor: "#000" },
onShow: function () {
    initSwitchToLatest()
},
onOpen: function (dialog) {
    dialog.overlay.fadeIn(0, function () {
        var h = $("#popupdiv").height();
        var w = $("#popupdiv").width();
        var l = $("#popupdiv").css("left");
        var t = $("#popupdiv").css("top");
        dialog.container.fadeIn('fast', function () {
            if ($.browser.msie) {
                $('.popup').css('behavior', 'none');
            }
            $('#popupdiv').css('opacity', 0);
            dialog.data.height(0);
            dialog.data.width(0);
            $(".popup").width(0);
            $("#popupdiv").css("left", popup_mouse_x + "px");
            $("#popupdiv").css("top", popup_mouse_y + "px");
            dialog.data.show();
            $(".popup").animate({ "width": w, "height": "auto" }, 500);
            dialog.data.animate({ "height": h, "width": w }, 500);
            $("#popupdiv").animate({ "left": l, "top": t, "opacity": 1 }, 500, function () {
            $("#loading-mask").show();
            if ($.browser.msie) {
            $('.popup').css('behavior', 'url(../../../Scripts/PIE.htc)');
            }
            ReplacePopupContents($("#popupContentUrl").val());
            });
        });
    });
  }
});

今、jquery-mobile スクロール効果を使用しようとしていますが、これら 2 つのプラグインを次のように一緒に呼び出すと:

<script src="@Url.Content("~/Scripts/jquery.simplemodal-1.4.2.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.js")" type="text/javascript"></script>

このエラーが発生します

TypeError: $.modal is not a function

また、ポップアップ アニメーションは表示されません。

PS : このエラーは、2 番目のプラグインを呼び出したときにのみ表示されます。

4

1 に答える 1

0

こんにちは、単純なモーダル ファイルの前に jquery ファイルを含める必要があります。このような

<script src="@Url.Content("~/Scripts/jquery.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.simplemodal-1.4.2.js")" type="text/javascript"></script>
于 2012-08-06T08:29:09.853 に答える