2015-03-26 2 views
0

Добрый деньДобавление Minicolors к применению MVC

Я не могу использовать minicolors для своего приложения MVC. Это может быть проблема Minicolors или проблема с плагином jQuery. В любом случае, я застрял. Я прибегала к поиску безрезультатно. Любая помощь очень ценится

Что моя установка выглядит Я уверен, что я добавил его в моем тег сценария
enter image description here

При отладке в хроме он говорит, что у меня есть это ссылки правильно
enter image description here

Но я продолжаю получать ошибки: SCRIPT438: Объект не поддерживает свойство или метод «minicolors»

То, что я пробовал: • Я попытался добавить minicolors к своему вводу на фиктивный HTML, и он работает • Я попытался запустить мое приложение MVC> Щелкните правой кнопкой мыши> Просмотр источника> Сохранить на рабочем столе> Изменить тег сценария на другой путь (потому что, поскольку я сохранил его на рабочий стол, путь изменился) >> Это работает! Он просто не работает сам по себе, когда я запускаю его из MVC

Спасибо!
EDIT: Вот мои коды
_Layout.cshtml

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>@ViewBag.Title - My ASP.NET MVC Application</title> 
     <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
     <meta name="viewport" content="width=device-width" /> 


     <script src="../../Scripts/jquery-1.8.2.js"></script> 
     <script src="../../Scripts/jquery-ui-1.8.24.js" ></script> 
     <script src="@Url.Content("../../Scripts/jquery.minicolors.js")"></script> 
     <link rel="stylesheet" href="../../Content/jquery.minicolors.css" type="text/css"/> 

     @Styles.Render("~/Content/css") 
     @Scripts.Render("~/bundles/modernizr") 

    </head> 
    <body> 
     <header> 

      <div class="content-wrapper"><img src="../../Images/HeroRed.png" style="vertical-align: middle" /> // Page</div> 

     </header> 
     <div id="body"> 
      @RenderSection("featured", required: false) 
      <section class="content-wrapper main-content clear-fix"> 
       @RenderBody() 
      </section> 
     </div> 
    </body> 
</html> 

Index.cshtml

@{ 
    ViewBag.Title = "Index"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<script> 
    $(document).ready(function() { 
     $('#dude').minicolors(); 
    }); 
</script> 
<h2>Index</h2> 
<input id="dude"/> 

Сгенерированный HTML

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Index - My ASP.NET MVC Application</title> 
     <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
     <meta name="viewport" content="width=device-width" /> 



     <script src="../../Scripts/jquery-1.8.2.js"></script> 
     <script src="../../Scripts/jquery-ui-1.8.24.js" ></script> 
     <script src="../../Scripts/jquery.minicolors.js"></script> 
     <link rel="stylesheet" href="../../Content/jquery.minicolors.css" type="text/css"/> 

     <link href="/Content/site.css" rel="stylesheet"/> 

     <script src="/Scripts/modernizr-2.6.2.js"></script> 


    </head> 
    <body> 
     <header> 

      <div class="content-wrapper"><img src="../../Images/HeroRed.png" style="vertical-align: middle" /> // Page</div> 

     </header> 
     <div id="body"> 

      <section class="content-wrapper main-content clear-fix"> 

<script> 
    $(document).ready(function() { 
     $('#dude').minicolors(); 
    }); 
</script> 
<h2>Index</h2> 
<input id="dude"/> 
      </section> 
     </div> 

    </body> 
</html> 
+0

Можете ли вы добавить код, в котором вы вызываете мини-сериалы? –

+0

У вас проверить свою консоль, правильный ли путь? – Se0ng11

+0

Есть ли причина, по которой вы не используете виртуальные пути (т. Е. «~/Scripts/jquery-1.8.2.js»)? –

ответ

0

Как оказалось, это было Modernizr что противоречило ему и когда я Это сработало.

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