Question

我有这个代码打开一个对话框，其中包含从php类生成的内容，唯一的问题是在2秒内代码从对话框中清除。这是JavaScript / JQuery：

$k('#CreateTable').click(function(e){
        e.preventDefault();
         var Call =  $k('#CreateTable').attr('value');
         var util = $k(this).attr('id');//.attr('value');
        // alert(util);
         $k('#dialog').dialog({
             autoOpen: false,
            title: 'Running Utility for: '+Call,
            modal: true,
            width: 450,
            close: function(event, ui) {
            $k("#dialog").empty(); // remove the content
            }//END CLOSE
        }).dialog('open');
        $k.ajax({
                  type: "post",
                  url: "inc/runUtilities.php",
                  dataType: "html",
                  data: {
                    'utility' : util
                  },
                  success: function(data) {
                        //alert('success'); 
                        $k('#DlgTxt').html(data).fadeIn('slow');
                  }
        });
            //return false;
        });//END DIALOG

它从以下按钮代码触发：

<div class="tab-pane fade in active" id="Utilities">
          <p>
          <div>
            <button class="btn btn-lg btn-default" type="button" 
 value="Create Table" id="CreateTable" >Create Table</button>
          </p>
          </div>
       </div>

我有什么遗失的吗？

Answer 1

只需删除“.k”即可：$ .k（）到$（）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

<script type="text/javascript">
$(function() {
    $('#CreateTable').click(function(e){
        e.preventDefault();
         var Call =  $('#CreateTable').attr('value');
         var util = $(this).attr('id');//.attr('value');
        // alert(util);
         $('#dialog').dialog({
            autoOpen: false,
            title: 'Running Utility for: '+Call,
            modal: true,
            width: 450,
            close: function(event, ui) {
            $("#dialog").empty(); // remove the content
            }//END CLOSE
        }).dialog('open');
        $.ajax({
                  type: "post",
                  url: "YOUR URL HERE",
                  dataType: "html",
                  data: {
                    'utility' : util
                  },
                  success: function(data) {
                        //alert('success'); 
                        $('#DlgTxt').html(data).fadeIn('slow');
                  }
        });
            //return false;
        });//END DIALOG
});
</script>
</head>

<body>
<div class="tab-pane fade in active" id="Utilities">
          <p>
          <div>
            <button class="btn btn-lg btn-default" type="button" 
 value="Create Table" id="CreateTable" >Create Table</button>
          </p>
          </div>
       </div>
</body>
</html>

打开后清除JQuery对话框内容

1 个答案: