jQuery는 iframe이

인 colorbox와 함께 제출 한 후 아래 코드를 사용하면 도움이됩니다. 어떤 이유에서인지 이 추가되지 않는 경우 테이블 #appendAffiliate 곧 행 양식 행이 제출됩니다. 모달 대화 상자로 colorbox를 사용합니다.jQuery는 iframe이

참고 :이 문제는 colorbox 모달로 양식을 제출할 때만 발생합니다.

HTML: 
<a href="page/frame.php" class="colorbox-iframe"></a> 

frame.php FILE (modal): 
<form>....</form> 

table markup: 
<table width="100%" id="appendAffiliate"> 
<thead> 
    <tr> 
    <th>Name</th> 
    <th>Discount</th> 
    </tr> 
</thead> 
<tbody></tbody> 
</table>

JAVASCRIPT :

$('.colorbox-iframe').colorbox({ 
overlayClose: false, 
iframe: true, 
scrolling: false, 
innerWidth: 200, 
innerHeight:150 
}); 

$('form').submit(function(){ 
    $.ajax({ 
    type: 'post', 
    url: 'json/json.php', 
    data: $(this).serialize(), 
    dataType: 'json', 
    cache: false, 
    success: function(data) { 
     if (data.ok) { 

    // None working  
    $('#appendAffiliate').append('<tr><td>test</td><td>test</td></tr>'); 
    $('#appendAffiliate > tbody').append('<tr><td>test</td><td>test</td></tr>');   
    $('#appendAffiliate tbody:last').append('<tr><td>test</td><td>test</td></tr>'); 

     $('input[type="submit"]').prop('disabled',true); 

     setTimeout(function(){ 
      $('input[type="submit"]').prop('disabled',false); 
      **parent.$.fn.colorbox.close();**    
     },2000); 
     } else { 

     } 
    } 
    }); 
    return false; 
})

출처

2012-09-05 tonoslfx

'id (data.ok)'가 true로 평가되는 것이 확실합니까? else 절에는 아무것도없고 아약스 실패 콜백도 없다는 것을 알았습니다. –

테이블 마크 업은 어디에 있습니까? – Ashirvad

@AshirvadSingh 업데이트 된 콘텐츠를 확인하십시오. – tonoslfx

당신은

$('#appendAffiliate thead').append('<tr><td>test</td><td>test</td></tr>');

출처

2012-09-05 16:39:10 Ashirvad

또한 데이터가 data.ok 상태에 있는지 확인하십시오. – Ashirvad

@Ashirwad, 나는 그것이 thead 대신에 tbody에있을 것이라고 생각한다. –

귀하의 게시물이 명확하게 무엇을 마크 업을 구별하지 않는 thead

코드에 추가해야/JS는 부모 폼에 (ColorBox를 호출하는 페이지) 및 해당 ColorBox의 내용에있는 마크 업/j 너.

테이블에 부모가있는 경우 추가 할 때 부모를 참조하십시오. (자식 페이지의 노드에 존재하지 않을 수있는 노드에 추가하려고 시도했을 수 있습니다.)

출처

2012-09-05 21:42:03

jQuery는 iframe이

답변

관련 문제