对象不支持属性或方法'jSignature答案

【问题标题】：Object doesn't support property or method 'jSignature对象不支持属性或方法'jSignature
【发布时间】：2015-10-30 09:53:38
【问题描述】：

我已在我的布局页面中包含 jquery.1.9.1。

我正在使用带有 twitter 引导程序的剑道，所以我遵循如下脚本参考顺序。

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")

   <link href="~/Content/styles/kendo.bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/styles/kendo.commonbootstrap.min.css"rel="stylesheet"/>

@*<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />*@
<link href="~/assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
<link href="~/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="~/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/assets/css/animate.min.css" rel="stylesheet" />
<link href="~/assets/css/style.min.css" rel="stylesheet" />
<link href="~/assets/css/style-responsive.min.css" rel="stylesheet" />
<link href="~/assets/css/theme/default.css" rel="stylesheet" id="theme" />

<link href="~/assets/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" />
<link href="~/assets/plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" />
<link href="~/assets/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" />
<link href="~/assets/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" />


<link href="~/assets/plugins/DataTables/css/data-table.css" rel="stylesheet" />
<script src="~/assets/plugins/pace/pace.min.js"></script>

和我的身体部分布局如下

<body>
 @Scripts.Render("~/bundles/jquery")
@RenderBody()

@*@Scripts.Render("~/bundles/jquery")*@
@RenderSection("scripts", required: false)

<script src="~/assets/plugins/jquery/jquery-1.9.1.min.js"></script>
<script src="~/assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script src="~/assets/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
<script src="~/assets/plugins/bootstrap/js/bootstrap.min.js"></script>

<script src="~/assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="~/assets/plugins/jquery-cookie/jquery.cookie.js"></script>

<script src="~/assets/plugins/gritter/js/jquery.gritter.js"></script>
<script src="~/assets/plugins/flot/jquery.flot.min.js"></script>
<script src="~/assets/plugins/flot/jquery.flot.time.min.js"></script>
<script src="~/assets/plugins/flot/jquery.flot.resize.min.js"></script>
<script src="~/assets/plugins/flot/jquery.flot.pie.min.js"></script>
<script src="~/assets/plugins/sparkline/jquery.sparkline.js"></script>
<script src="~/assets/plugins/jquery-jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="~/assets/plugins/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="~/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="~/assets/js/dashboard.min.js"></script>
<script src="~/assets/js/apps.min.js"></script>

<script src="~/assets/plugins/DataTables/js/jquery.dataTables.js"></script>
<script src="~/assets/js/table-manage-default.demo.min.js"></script>

<link href="~/Content/styles/kendo.rtl.min.css" rel="stylesheet" />
<script src="~/Scripts/js/kendo.all.min.js"></script>
<script src="~/Scripts/js/kendo.web.min.js"></script>
<script src="~/Scripts/js/kendo.aspnetmvc.min.js"></script>
<script src="~/Scripts/js/kendo.timezones.min.js"></script>
<script src="~/Scripts/js/console.min.js"></script>
<script src="~/Scripts/js/prettify.min.js"></script>

整个应用程序运行良好。现在正在尝试使用 Jquery 签名

 <script>
    $(document).ready(function () {
        $("#signature").jSignature();

    })
</script>

这里得到的对象不支持属性或方法'jSignature'

如果我在头部保持低于 Jquery 引用签名工作正常但在 IE 浏览器中显示 JavaScript 运行时错误：当我点击继续时，Bootstrap 的 JavaScript 需要 jQuery 版本 1.9.1 或更高版本签名工作正常但我的应用程序不工作.

 <script src="~/assets/plugins/jquery/jquery-1.9.1.min.js"></script>

连我都收录了

 <script src="~/JSignPlugins/jSignature.min.js"></script>
<script type="text/javascript" src="~/JSignPlugins/flashcanvas.js"></script>

【问题讨论】：

标签： jquery asp.net-mvc twitter-bootstrap kendo-ui jsignature

【解决方案1】：

取自 jSignature 网站 (http://willowsystems.github.io/jSignature/#/about/)，您应该拥有以下内容：

<!-- Ensure that the jQuery.js file is loaded BEFORE this -->
<!--[if lt IE 9]>
<script type="text/javascript" src="libs/flashcanvas.js"></script>
<![endif]-->
<script src="libs/jSignature.min.js"></script>
<div id="signature"></div>
<script>
    $(document).ready(function() {
        $("#signature").jSignature()
    })
</script>

jSignature 库由 3 个文件组成：

jSignature.min.js
flashcanvas.js
flashcanvas.swf

这些文件应该在您项目的同一个文件夹中。您不需要引用 .swf 文件，因为 flashcanvas.js 会为您引用它。

另外，我建议在 Google Chrome 中尝试使用 Developer Inspect 视图（右键单击 > Inspect）并检查控制台日志是否有任何错误。

与 Internet Explorer 相同。

我建议编辑您的问题以包含您尝试过的浏览器版本？ IE。谷歌浏览器，IE8,9,10,11？

【讨论】：

【解决方案2】：

尝试使用 jSignature 附带的“noconflict”JS 文件：

<script src="~/JSignPlugins/jSignature.min.noconflict.js"></script>

而不是

<script src="~/JSignPlugins/jSignature.min.js"></script>

【讨论】：