jQuery UI 플러그인_jquery를 사용하여 확인 확인 상자를 사용자 정의하는 방법

이 문서의 예에서는 jQuery UI 플러그인을 사용하여 확인 확인 상자를 사용자 정의하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 코드는 jQuery UI를 통해 확인 확인 대화 상자의 효과를 사용자 정의합니다. 대화 상자의 표시 인터페이스와 모양은 html 코드를 통해 사용자 정의됩니다. 이 예에서는 확인 확인을 사용자 정의할 수 있습니다. 버튼이 정의되어 있습니다.

HTML 코드

<button id="callConfirm">Confirm!</button>
<div id="dialog" title="Confirmation Required">
 Are you sure about this&#63;
</div>&#8203;

JS 코드:

$("#dialog").dialog({
  autoOpen: false,
  modal: true,
  buttons : {
    "Confirm" : function() {
      alert("You have confirmed!");
    },
    "Cancel" : function() {
     $(this).dialog("close");
    }
   }
  });
$("#callConfirm").on("click", function(e) {
  e.preventDefault();
  $("#dialog").dialog("open");
});

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다.