> 웹 프론트엔드 > JS 튜토리얼 > jquery UI 대화 상자가 확인 인스턴스 분석_jquery를 대체합니다.

jquery UI 대화 상자가 확인 인스턴스 분석_jquery를 대체합니다.

WBOY
풀어 주다: 2016-05-16 15:18:10
원래의
1419명이 탐색했습니다.

이 문서의 예에서는 jquery ui 대화 상자가 확인을 대체하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

일부 브라우저에서는 js의 확인 기능을 직접 차단하여 해당 기능을 사용할 수 없게 됩니다. 확인 기능을 완벽하게 대체하려면 jquery ui의 대화 상자 기능을 사용하는 것이 좋습니다

1. HTML 코드

<div id="confirm_dialog" title="提示" style="display:none;">
</div>

로그인 후 복사

위 코드를 공공장소에 넣어두세요

2. JS 코드 확인 시뮬레이션

var common = {
  confirm_act:function(dialog_id,msg,callback) {
    $("#"+dialog_id).html("<p class='message'>"+msg+"</p>");
    $("#"+dialog_id).dialog({
      resizable: false,
      modal: true,
      overlay: {
        backgroundColor: '#000',
        opacity: 0.5
      },
      buttons: {
        '确认': function() {
          callback.call();
          $(this).dialog('close');
        },
        '取消': function() {
          $(this).dialog('close');
        }
      }
     });
  }
}

로그인 후 복사

confirm_act 메소드가 정의되어 공개 js 파일에 배치됩니다. 첫 번째 매개변수는 탄력적 레이어의 ID이고 두 번째 매개변수는 프롬프트 메시지이며 세 번째 매개변수는 콜백 함수입니다.
콜백 함수를 호출할 때는 js의 call() 함수를 사용해야 합니다. 이 콜백 함수는 매개변수를 사용하거나 콜백 함수를 포함할 수 있습니다.

3. 콜백 js 코드

var recommend = {
  delete: function(url,obj)
  {
    $.ajax({
      url: url,
      type: "get",
      success:function(data)
      {
        ............省略..........
      }
    });
  }
}

로그인 후 복사

4. 전화하는 방법

$('.recommended_delete').click(function(){
  var obj = this;  //重命名
  common.confirm_act('confirm_dialog',$(obj).attr('msg'),function(){recommend.delete($(obj).attr('url'),obj)});
});

로그인 후 복사

이를 함수에 전달하려면 을 다시 정의해야 합니다.

더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "jQuery 공통 플러그인 및 사용법 요약"

을 확인할 수 있습니다.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿