2013-02-12 4 views
1

올바른 버튼을 클릭했지만 대화 상자 내에 정의 된 "저장"및 "취소"버튼이 나타나지 않을 때 트랜잭션이 잘 jQuery 대화 상자가 나타납니다. 대화 상자에 대한 HTML은 다음과 같습니다버튼이 jQuery 대화 상자에 나타나지 않습니다.

 <div id="trxpop"> 
     <div> 
      <label for="txtItem1">Item1: </label> 
      <input id="txtItem1" type="text" /><br /> 
      <label for="item1">Item2: </label>  
      <input id="txtItem2" type="text" /><br /> 
     </div> 
    </div> 

와 jQuery를 여기

jQuery.fn.EditTrx = function (item1, item2) { 
$("#txtItem1").val(item1); 
$("#item1").val(item1); 
$("#trxpop").dialog({ 
    title: 'Edit Transaction', 
    modal: true, 
    buttons: { 
     'Save': function() { 
      /* Do stuff */ 
      $(this).dialog('close'); 
     }, 
     'Cancel': function() { 
      $(this).dialog('close'); 
     } 
    }, 
    resizable: false, 
    draggable: true, 
    stack: true, 
    closeOnEscape: true, 
    zIndex: 1320, 
    width: 500 
}); 

}

이 내가 읽은 모든 문서에 따라 작동해야합니다.

+0

모달 코드가 저에게 잘 작동합니다. –

+0

그건 이상한 것입니다. 대화 상자가 단추없이 나타납니다. –

+0

내 대답에 단추가 올바르게 표시되는 경우 작업에 대한 링크를 제공하거나 코드를 사용하여 오류를 재현 할 수있는 피들 (fiddle)을 만드시겠습니까? – gulty

답변

0

완전한 단추 정의에 새로운 대괄호 세트를 추가해야했지만 이제는 제대로 작동합니다. 이 변경 사항을 반영하기 위해 위의 원래 코드 예제를 편집했습니다. 모든 답장을 보내 주셔서 감사합니다.

2

http://jsfiddle.net/G4F7M/

그냥 나를 위해 잘 작동합니다. 그냥 FUNC 호출을 변경하고 대화 상자를 여는 버튼을 추가 : 그 버튼이 표시되지 않은 경우

$('input').click(function(){ 
EditTrx(); 
}); 

은 그래서 CSS와 같은 문제를 일으키는 뭔가 다른 수 있습니다.

+0

대화 상자를 여는 버튼의 함수 호출이 아닌 함수 자체 만 보여줄뿐입니다. 그것은 잘 작동하고 대화 상자가 잘 열리고 있습니다. 대화 상자의 버튼이 나타나지 않고 있습니다. 답변을 주셔서 감사합니다. –

+0

바이올린 안의 버튼을 볼 수 있습니다. 너의 페이지에 있지 않아? – gulty

+0

수정 - uv -하지만 문제가 해결되었습니다 - 아래 참조 –

0

허용 된 답변에 지정된대로 문제가 지속되면 대화 상자 열기 이벤트에서 다음을 수행하여 문제를 해결할 수 있습니다.

open: function (event, ui) { 
    //For displaying the buttons of GUI. 
    $('.ui-button-text').each(function (i) { 
     $(this).html($(this).parent().attr('text')); 
    }) 
},