未定義onclick返回函數

Question

我有一個Bootstrap模式，用於更改用戶密碼。 但是，問題在於，無論我怎么嘗試，都無法通過onclick或使用.on將按鈕附加到事件.on該事件。 它根本不會識別它。

我嘗試將<script>標記放在模式上方，模式下方，甚至模式內部，只是為了始終使onclick返回Uncaught ReferenceError: updatePassword is not defined 。 然后，我刪除了onclick ，為提交按鈕分配了ID，然后嘗試了$('#update-password').on('click', function() { ... }); 但這根本不被認可。

所有這些的罪魁禍首幾乎肯定是Bootstrap模態，我猜想它與瀏覽器在頁面加載時如何處理它有關。

-

語氣

<!-- Modal -->
<div class="modal fade" id="changePasswordModal" tabindex="-1" role="dialog" aria-labelledby="changePassModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="changePassModalLabel">Change Password</h4>
            </div>
            <div class="modal-body">
                <div class="col-md-12">
                    <div class="alert alert-password" style="display: none;">
                        <p></p>
                    </div>
                </div>
                <form role="form" action="#" method="post">
                    <div class="form-group">
                        <label for="password-current">Current Password<span>*</span></label>
                        <input type="password" class="form-control" id="password-current" name="pass-curr" placeholder="Current password...">
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="password-new">New Password<span>*</span></label>
                                <input type="password" class="form-control" id="password-new" name="pass-new" placeholder="New password...">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="password-new-conf">Confirm New Password<span>*</span></label>
                                <input type="password" class="form-control" id="password-new-conf" name="pass-new-c" placeholder="Confirm new password...">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" onclick="updatePassword()">Update Password</button>
            </div>
        </div>
    </div>
</div>

腳本

<script>
    function updatePassword(){
        console.log('foo');
        /*$.ajax({
            url: url+"ajax/update_password",
            data: {pass-curr : pass-curr, pass-new : pass-new, pass-new-c : pass-new-c},
            async: false,
            success: function(data) {

            },
            error: function(data) {
                $('#alert-password').removeClass('alert-success').addClass('alert-danger').html('<p><strong>Sorry, an error occurred!</strong></p><p>'+data.additional+'</p>').slideDown(200, function() {
                    $('#alert-password').delay(4000).slideUp(200);
                });
            }
        })*/
    };
</script>

我很抱歉，如果以前有人問過這個問題。 我似乎能找到的唯一問題是那些詢問如何通過onclick啟動模式的問題。

Answer 1

問題是您的事件未與按鈕綁定

請在這里找到JSFIDDLE

在您的HTML中-在script標簽中執行以下操作

    <head> 
    <script> 

    function updatePassword(){

        console.log('updatePassword');

    }

    $(document).ready(function(){


       // $('.btn-primary').on('click',function(){ - This too works
         //   console.log('foo');     
        //});

         $('.btn-primary').on('click',updatePassword);


    });

</script>
</head>

未定義onclick返回函數

問題描述

1 個解決方案

解決方案1
1 已采納 2015-01-10 12:11:26

未定義onclick返回函數

問題描述

1 個解決方案

解決方案1 1 已采納 2015-01-10 12:11:26

解決方案1
1 已采納 2015-01-10 12:11:26