1

我在我的布局页面中包含了 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 Signature

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

2 回答 2

0

取自 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 视图（右键单击 > 检查）并检查控制台日志是否有任何错误。

与 Internet Explorer 相同。

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

于 2016-01-26T23:59:34.237 回答
-1

尝试使用 jSignature 中包含的“noconflict”JS 文件：

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

代替

<script src="~/JSignPlugins/jSignature.min.js"></script>
于 2016-01-26T23:13:37.480 回答