0

これに関するSOのすべての質問を見てきましたが、解決策が見つかりません。AJAX 呼び出しを介して DOM に追加されるフォームがあり、正常に完了すると、フォームの送信を JavaScript メソッドに接続します。Chromeで正常に動作します。Firefox 20 または 21 で JavaScript メソッドを呼び出しません。

    $("#dateList").load("/chargeback/cb_timeentry/te_list/" + empId, function() {
        $("#addEntryDate").submit(function() {
            addEntryDate();
            return false;   
        });
    });

Django によってレンダリングされたフォームは次のようになります (FF と Chrome の両方で):

<div id="addOrDelete">
    <input id="addEntryDateButton" type="submit" value="+">
    <input id="deleteEntryDateButton" type="submit" disabled="true" value="-">
    <table>
        <tbody>
            <tr>
                <form id="addEntryDate" class="uiText" method="get" action="."></form>
                <form id="deleteEntryDateForm" class="uiText" method="get" action="."></form>
            </tr>
        </tbody>
     </table>
 </div>

Django テンプレートで記述されたフォームは次のようになります。

<div id="addOrDelete">
<table>
    <tr>
        <form id="addEntryDate"  class="uiText" action="." method="get">
            <input id="addEntryDateButton" type="submit" value="+" disabled="true" />
        </form>
        <form id="deleteEntryDateForm" class="uiText" action="." method="get">
            <input id="deleteEntryDateButton" type="submit" value="-" disabled="true"/>
        </form>
        </tr>
</table>
</div>

load 呼び出しは Firefox で正常に機能し、addEntryDate フォーム内にボタン type=submit を示す正しい HTML が表示されます。ロードが送信行に到達し、addEntryDate が DOM にありますが、クリックしても addEntryDate() JavaScript メソッドが呼び出されません。私は何をしますか?

4

2 に答える 2