Question

我正在使用asp.net mvc应用程序。从最后两天开始，我正在尝试并遵循一些Internet解决方案，以从JS外部调用MyPlugin函数。请帮助我找出我做错了什么。

我添加了myplugin JS并编写了一些代码行，现在我正尝试从View脚本访问该功能。

我的视图：

<head>
  <script src="~/Scripts/jquery-3.3.1.min.js"></script>
  <script src="~/Scripts/MyPlugin.js"></script>
</head>
<body>
  <div id="divMain" >
  </div>
</body>

<script>
 $(document).ready(function () {

    $("#divMain").MyPlugin();

 });
</script>

MyPlugin JS：

(function ($) {
    $.fn.MyPlugin= function () {
        alert("ready to start!!!!");
    };

})(jQuery);

然后我收到此消息：

“未捕获的TypeError：$（...）。MyPlugin不是函数”

请帮助我找到此问题的解决方案。我想调用该插件的功能。

Answer 1

您必须在插件js之前添加jquery。

<head>
  <script src="~/Scripts/jquery.js"></script>
  <script src="~/Scripts/MyPlugin.js"></script>
</head>
<body>
  <div id="divMain" >
  </div>
</body>

<script>
 $(document).ready(function () {

    $("#divMain").MyPlugin();

 });
</script>

如何从插件外部调用Jquery Plugin函数

1 个答案: