How to run jquery function on bootstrap modal popup button click

Schleid Alex

I have a modal popup that has a save button on it when clicked this should trigger a jQuery function here is my button code

Why the function is not fired when the button is clicked

thank you!

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Kumar6y ago
Hi, You have done 1 blunder mistake. Replace saveChanges in to saveChanges(). It will definitely work.
+2
Mageshwaran R6y ago
Hi Alex ,
please try this code:
<script type="text/javascript" src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'>script>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'>script>
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
    media="screen" />

<center>
    <input type="button" id="btnPopup" value="Show Popup" class="btn btn-info btn-lg" />
center>

<div id="MyPopup" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    ×button>
                <h4 class="modal-title">
                h4>
            div>
            <div class="modal-body">
            div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">
                    Closebutton>
            div>
        div>
    div>
div>
Jquery:
"text/javascript">
    $(function () {
        $("#btnPopup").click(function () {
            var title = "PopUp Window";
            var body = "Hello World!";

            $("#MyPopup .modal-title").html(title);
            $("#MyPopup .modal-body").html(body);
            $("#MyPopup").modal("show");
        });
    });
+1

Schleid Alex6y ago

I was missing the () in SaveChanges.

Thank you Mr Kumar

Jignesh Kumar6y ago

Please refer this link, https://stackoverflow.com/questions/35068342/how-to-save-and-close-a-bootstrap-modal