-1

良い一日。

私のページでスクリプトが見つかりました：

$('.crop_photo').on('click',function(){

$('#form_cropbox').ajaxForm(
{
url:        'update.php', 
success:    function(data) {
}
}).submit();
});

他のスクリプトを使用して、ページに新しいオブジェクト(画像とフォーム)を作成します:

.....
$('#edit_photo').html(
'<img src="./Images/Temp/' + data + '" id="cropbox" width="600" />'+
'       <form action="update.php" method="post" id="form_cropbox" onsubmit="return checkCoords();">'+
'           <input type="hidden" id="x" name="x" />'+
'           <input type="hidden" id="y" name="y" />'+
'           <input type="hidden" id="w" name="w" />'+
'           <input type="hidden" id="h" name="h" />'+
'           <input type="hidden" id="f_count_v" name="f_count_v" value="'+ count + '" />'+
'           <input type="button" value="Сохранить область фотографии" class="btn btn-large btn-inverse crop_photo" />'+
'       </form>'
);
.....

しかし、クラス「crop_photo」のボタンをクリックすると機能し$('.crop_photo').on('click',...ません。

どこでエラーが発生する可能性がありますか?

最初のスクリプトを正しく使用する方法を教えてください。

4

2 に答える 2

3

イベント委任を使用する必要があります-

$('#edit_photo').on('click','.crop_photo',function(){

これは変更後のコードです -

$('#edit_photo').on('click', '.crop_photo', function () {
    $('#form_cropbox').ajaxForm({
        url: 'update.php',
        success: function (data) {}
    }).submit();
});
于 2013-06-13T14:57:51.980 に答える
1

それらは動的に追加されるため、 Event Delegationを実行します。

使用する

$(document).on("eventname",'.crop_photo', function(event,ele){
 //Your code goes here
});
于 2013-06-13T14:57:16.353 に答える