Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Amaze UI 1.0.1</title>
  <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.0.0-beta1/css/amazeui.min.css
">
  <script src="http://cdn.amazeui.org/amazeui/2.0.0-beta1/js/amazeui.min.js
"></script>
</head>
<body>
  <ul id="list">
    <li id="li-1"><a href="">删除-1</a></li>
    <li id="li-2"><a href="">删除-2</a></li>
    <li id="li-3"><a href="">删除-3</a></li>
    <li id="li-4"><a href="">删除-4</a></li>
    <li id="li-5"><a href="">删除-5</a></li>
  </ul>
  
  <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">Amaze UI</div>
    <div class="am-modal-bd">
      确定删除吗?
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
    </div>
  </div>
</div>
  
  <script>
    $(function() {
      $('#list').find('a').on('click', function(e) {
        e.preventDefault();
        var id= $(this).parent('li').attr('id');
        var $confirm = $('#my-confirm');
        var confirm = $confirm.data('am.modal');
        var onConfirm = function() {
            alert('你确定删除 ' + id);
          };
        var onCancel = function() {
            alert('你不想删除 ' + id);
          }
        
        if (confirm) {
          confirm.options.onConfirm =  onConfirm;
          confirm.options.onCancel =  onCancel;
          confirm.toggle(this);
        } else {
          $confirm.modal({
            relatedElement: this,
            onConfirm: onConfirm,
            onCancel: onCancel
          });
        }
      });
    });
  </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hegfirosepro
0viewers