Javascript JQuery对话框打开后内容被清除_Javascript_Php_Jquery

Javascript JQuery对话框打开后内容被清除

javascript php jquery

Javascript JQuery对话框打开后内容被清除,javascript,php,jquery,Javascript,Php,Jquery,我有一段代码，用来打开一个包含php类生成内容的对话框。唯一的问题是，在2sec内，代码从对话框中清除。下面是JavaScript/JQuery： $k('#CreateTable').click(function(e){ e.preventDefault(); var Call = $k('#CreateTable').attr('value'); var util = $k(this).attr('id');//.attr('value

我有一段代码，用来打开一个包含php类生成内容的对话框。唯一的问题是，在2sec内，代码从对话框中清除。下面是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>

是否缺少某些内容？

只需删除.k即可：$.k to$

<!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>

那么你的问题是什么呢？我的php代码生成的内容几乎在对话框打开时就变得清晰了，这是不可取的。在对话框关闭之前，我需要对此代码做什么更改才能拥有此内容。JQuery代码包装在无冲突块中；var$k=jQuery.noConflict；所以我不想这么做。。。