2017-11-30 2 views
0

ASP MVC 및 JQuery를 사용하여 Toast Notifaction을 표시하려고하지만 브라우저에서 렌더 소스를 표시하는 데 문제가 있습니다. 브라우저에서 렌더링 된 소스가 실패했습니다.

나는 예로서이 하드 코드 텍스트를 사용하지만 어떤에서 알림하지 않았다 :

<script src="/template/web/js/jquery-2.2.3.min.js"></script> 
@section Scripts { 
    <script src="~/scripts/toastr.js"></script> 
    <script src="~/scripts/toastr.min.js"></script> 
    <link href="~/Content/toastr.min.css" rel="stylesheet" /> 

    <script type="text/javascript">toastr.success("Hello!");</script> 
} 
+0

'toastr.js'와 'toastr.min.js'둘 다 필요하지 않습니다. 'toastr.min.js'로 충분합니다. 콘솔에 스크립트 오류가 있습니까? 렌더링 된 소스를 브라우저에 표시 할 수 있습니까? – Win

+0

예. 하나를 삭제하면 브라우저에서이 오류가 발생합니다. 잡히지 않은 TypeError : $ (...). datepicker가 HTMLDocument에서 의 함수가 아닙니다. (http : // localhost : 60585/(S (gkiezxvswsx2uqia5x0d2tdm))/Client/Profil : 268 : 34) (http : // localhost : 60585/template/web/js/jquery-2.2.3.min) .js : 2 : 27151) Object.fireWith [as resolveWith] (http : // localhost : 60585/template/web/js/jquery-2.2.3.min.js : 2 : 27914) at Function.ready (http : // localhost : 60585/template/web/js/jquery)에서 을 입력하십시오. -2.2.3.min.js : 2 : 29892) – Exact

+0

jQuery UI를 사용하고 있습니다. jQuery 뒤에 jQuery UI 스크립트가 포함되어 있는지 확인하십시오. – Win

답변

1

당신이 렌더링되는 jQueryjQuery UI 스크립트 전에 jQuery UI 구성 요소 datepicker를 사용하고 있다는 것입니다. 결과적으로 스크립트 오류가 발생하고 toastr이 작동하지 않게됩니다.

그래서, 당신은 머리 태그 안에 그 jQuery, jQuery UItoastr 스크립트를 이동해야합니다.

+0

오류가 사라졌지만 토스트 문제가 여전히 발생합니다 – Exact

+0

오류 메시지를 게시하십시오. – Win

+0

오류는 없지만 프로필 페이지로드와 함께 축배 알림이 사라집니다. – Exact

관련 문제