获取jquery.simplemodal和jQuery

之间的冲突，在我的asp.net MVC 3应用程序，我有一个使用jquery.simplemodal插件弹出一个动画。这里是负责动画获取jquery.simplemodal和jQuery

$.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的移动滚动效果的代码，但如果我叫这两个插件在一起，就像这样：

<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：这个错误显示出来，只有当我把第二个插件。

来源

2012-08-06 kbaccouche

嗨，你必须包含简单的样式文件之前，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-06 08:29:09 muthu

感谢您的回复，但这种方式我失去了滚动效果 – kbaccouche 2012-08-06 08:46:50

你检查过萤火虫文件是否包含在内？如果u有问题，还是尝试使用，而不是“$”关键字jQuery的，如果你的事情有冲突 – muthu 2012-08-06 08:51:48

我得到了同样的事情，类型错误：jQuery.modal不是一个函数。和我一起萤火检查，该文件包括 – kbaccouche 2012-08-06 09:06:51

获取jquery.simplemodal和jQuery

回答

相关问题