jquery-ui.js：12443未捕获的TypeError：无法读取undefined的属性'apply'

Question

I have written this code in my project and it is displaying the error:

Uncaught TypeError: Cannot read property 'apply' of undefined

if (TempData["notice"] != null)
{
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" type="text/css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <p id="dialog" style="color:red">
        @TempData["notice"]<br />
        <button id="bclose">Ok</button>
    </p>
    <script language="javascript">
        $('#dialog').dialog({
          dialogClass: "no-close",
          buttons: [{
            text: "Ok",
            Click: function() {
              $('#dialog').dialog('close');
            }
          }]
        });
    </script>
}

DO I need to add any library for the above code

Answer 1

Put your script section into:

$(document).ready(function(){
    //your script here
});

Something like this:

<script language="javascript">
   $(document).ready(function(){
     $('#dialog').dialog({
       dialogClass: "no-close",
       buttons: [{
         text: "Ok",
         click: function() {
           $('#dialog').dialog('close');
         }
       }]
     });
   });
</script>

Here is working jsfiddle