jquery UI 대화 상자 바로 앞에 이미지 추가

Question

양식의 경우 제출 단추가 있습니다.이 단추는 ajax를 사용하여 양식을 게시합니다. 이 양식이로드 될 때 버튼 옆에 회 전자를 표시하려고합니다. 이 질문처럼 보일 수 있습니다 : jQuery UI Dialog, adding elements next to a button,하지만 차이점은 해당 게시물에서 질문은 왼쪽 모서리에 아이콘을 표시하는 것입니다. 또한 제안 된 솔루션이 저에게 효과적이지 않습니다.

내가 (다른 스레드에서) 다음과 같은 시도 :

var $respond_dialog = $("#respond_div").dialog({ 
     width: 500, 
     autoOpen: false, 
     resizable: true, 
     modal: true, 
     buttons: { 
      "Reageren": function() { 
          $('<div style="width:20px;height:20px;float:right;" 
          class="ui-autocomplete-loading"></div>').insertBefore(
          $("#respond_div").next('.ui-dialog-buttonpane > button:first')); 
        ... 

을하지만 아무것도하지 않습니다. I>를 제거하면, 나는 스피너를 얻을 수 있지만 다음과 같이 표시됩니다

가 어떻게이 문제를 해결할 수 있습니까?

편집는 : 내가 원하는 것은 이것이다 :

바이올린 : 다른 예는 당신이 버튼 세트를 처리하지 않은 http://jsfiddle.net/vpwjw/10/

Answer 1

, 그 이유 < 아무것도 반환,

입니다

$('<div style="width:20px;height:20px;float:left;" class="ui-autocomplete-loading"></div>') 
.insertBefore('#respond_div .ui-dialog-buttonpane button:first'); 

올바른 위치를 얻으려면 1 개의 선택기를 사용할 수 있습니다. 또한 참고 : float : left;

또한 중앙에 맞추려면 패딩을 조정해야합니다.