Объект не поддерживает свойство или метод 'jSignature

Я включил jquery.1.9.1 на страницу Layout.Объект не поддерживает свойство или метод 'jSignature

Я использую кендо с бутстрапом 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: для JavaScript Bootstrap требуется 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>

источник

2015-10-30 Karthik Mushyam

Попробуйте использовать "noconflict" JS файл с jSignature:

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

вместо

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

источник

2016-01-26 23:13:37

Как взяты из Сайт 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 с помощью представления Inspect Inspect (Right Click> Inspect) и проверить журнал консоли на наличие ошибок.

То же самое с Internet Explorer.

Предлагаю изменить свой вопрос, чтобы включить, какие версии браузеров вы пробовали? То есть Google Chrome, IE8,9,10,11?

источник

2016-01-26 23:59:34

Объект не поддерживает свойство или метод 'jSignature

ответ

Смежные вопросы