1

jQueryを使用してフォームをロードしています:

<script type='text/javascript'>
    $(document).ready(function() {
            $('button').click(function(){
                $url="/quiz/" + $(this).attr('id');
                $.ajax({
                    url:$url,
                    success:function(data){
                        $('button').fadeOut('slow',function(){
                            $('.center').html(data).hide().fadeIn(600);
                        });

                    }
                });
            });

$(document).on('submit','form-inline', function(event){
        alert("Attempt");
        event.preventDefualt();
    });

</script>

マークアップを使用:

<form class="form-inline">
  <input type="text" class="input-xlarge" placeholder="Quiz Name">
  <button id="quiz-name" type="submit" class="btn btn-large">Next >></button>
</form>

フォームが読み込まれた後、フォームが送信されないようにしたいと思います。しかし、私はこの動作をエミュレートするのに苦労しています。どうすればいいですか？

4

1 に答える 1

5 
$(document).on('submit','form-inline', function(event){

クラスを指す必要があります：

$(document).on('submit','.form-inline', function(event){

また、スペルを間違え.preventDefaultました。

于 2013-01-18T20:06:14.380 に答える