0

HTML で動的に作成されたフォームで問題が発生しています。私はJQuery 1.7を使用して、ajaxを使用してフォームにチェックボックスを表示しています。後で、これらのチェックボックスをフォームで使用したいのですが、値を取得できないようです。それらはバインドされていないか、そのようなものではなく、.live() または .on() 関数を使用することを読みました。.on および /live 関数の API を読んだ後、次に何をすべきか本当にわかりません。

<!-- Tabbed Menu Options -->
<script type="text/javascript">
$(document).ready(function(){
    $('#cowList').load("../php/populateTabsCows.php");
    $('#ranchList').load("../php/populateTabsRanch.php");

      return false;
});
</script>

次に、フォームから読み取り、次を使用しています。

$(function() {  
  $("#submitForm").click(function() {  
    // validate and process form here  

       var data = $('#filterForm').serialize();
       alert(data.toString());
    $.post('../php/filter.php', data)
        .success(function(result){
            $('#cowinfo').html(result);
        })
        .error(function(){
            console.log('Error loading page');
        })
    return false;
  });
    return false;   

  });

どんな助けでも大歓迎です！

4

1 に答える 1

0

jQueryの.on（）/ .click（）/ .submit（）などの関数は、.live（）と同じようには機能しません。ターゲットのHTML要素がDOMに追加された後、.on（）を呼び出す必要があります。

これは、2つの関数の違いをさらに説明しています： http ：//www.jquery4u.com/jquery-functions/on-vs-live-review/#.T7UfLuvgjkp

于 2012-05-17T15:54:44.303 に答える