$ (document) .ready (function() {}

Question

ASP.NET MVC 응용 프로그램에서 작동하는 Im jQuery UI를 사용하여 대화 상자 창을 만들려고하지만 $(document).ready(function() {}을 my에 추가 할 때마다 . 코드는 여기에 더 이상 일을 내 코드 나던 :

$(document).ready(function() { 
    $("#loginContainer").dialog({ 
     width: 340, 
     height: 340, 
     resizable: false, 
     show: { 
      effect: "fade", 
      duration: 500 
     }, 
     hide: { 
      effect: "fade", 
      duration: 500 
     } 
    }); 

    $(".openLogin").click(function() { 
     $("#loginContainer").dialog("open"); 
    }); 
}); 

그리고 여기 내 _Layout.cshtml

@Styles.Render("~/Content/css") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 
@Scripts.Render("~/bundles/jqueryval") 
@Styles.Render("~/Content/themes/ui-lightness/css") 
@Scripts.Render("~/bundles/modernizr") 

을에

public static void RegisterBundles(BundleCollection bundles) 
{ 
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
       "~/Scripts/jquery-1.10.2.js")); 

    bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
       "~/Scripts/jquery-ui-1.10.4.js", 
       "~/Scripts/jquery-ui-1.10.4.min.js")); 

    bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
       "~/Scripts/jquery.unobtrusive*", 
       "~/Scripts/jquery.validate*")); 

    bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
       "~/Scripts/modernizr-*")); 

    bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
        "~/Scripts/bootstrap.js", 
        "~/Scripts/respond.js")); 


    bundles.Add(new StyleBundle("~/Content/themes/ui-lightness/css").Include(
        "~/Content/themes/ui-lightness/jquery-ui.css", 
        "~/Content/themes/ui-lightness/jquery.ui.core.css", 
        "~/Content/themes/ui-lightness/jquery.ui.resizable.css", 
        "~/Content/themes/ui-lightness/jquery.ui.selectable.css", 
        "~/Content/themes/ui-lightness/jquery.ui.accordion.css", 
        "~/Content/themes/ui-lightness/jquery.ui.autocomplete.css", 
        "~/Content/themes/ui-lightness/jquery.ui.button.css", 
        "~/Content/themes/ui-lightness/jquery.ui.dialog.css", 
        "~/Content/themes/ui-lightness/jquery.ui.slider.css", 
        "~/Content/themes/ui-lightness/jquery.ui.tabs.css", 
        "~/Content/themes/ui-lightness/jquery.ui.datepicker.css", 
        "~/Content/themes/ui-lightness/jquery.ui.progressbar.css", 
        "~/Content/themes/ui-lightness/jquery.ui.theme.css")); 

    bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.css", 
        "~/Content/site.css")); 

    BundleTable.EnableOptimizations = true; 
} 

그리고

을 추가 한 번들은

내 실수는 어디에서 왔습니까?

Answer 1

@ Scripts.Render ("jquery")가 _Layout 및 Index에 여러 개있는 것으로 의심되어로드 충돌이 발생할 수 있습니다.