locked
TypeError: $(...).modal is not a function RRS feed

  • Question

  • User81789783 posted

    i have an error subjected of thread .. here is code

    @{
        ViewBag.Title = "CreateTopic";
        Layout = null;
    }
    <head>
        <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        <link id="myCss" href="~/Content/StyleSheet1.css" rel="stylesheet" />
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/bootstrap.css" rel="stylesheet" />
    
        <script>
    
            jQuery(window).on('load', function () {
                $('#myModal').modal('show');
            });  </script>
    
            </head>
           
    <html>
    
    
    <body>
    
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">
                        <p>Some text in the modal.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
    
            </div>
        </div>
    
    
    
    </body>
    </html>

    any one can help

    Tuesday, April 23, 2019 6:20 AM

Answers

  • User81789783 posted

    solved by adding

    <script src="~/Scripts/bootstrap.min.js"></script>

    @{
        ViewBag.Title = "CreateTopic";
        Layout = null;
    }
    <head>
        <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        <link id="myCss" href="~/Content/StyleSheet1.css" rel="stylesheet" />
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/bootstrap.css" rel="stylesheet" />
    
        <script>
    
            $(window).on('load', function () {
                $('#myModal').modal('show');
            });  </script>
    
            </head>
           
    <html>
    
    
    <body>
    
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">
                        <p>Some text in the modal.</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
    
            </div>
        </div>
    
    
    
    </body>
    </html>

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, April 23, 2019 6:26 AM