2015-01-13 2 views
1

이 코드는 PHP 클래스에서 생성 된 내용으로 대화 상자를 여는 것입니다. 단 2 초 이내에 코드가 대화 상자에서 명확 해집니다.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> 

내가 놓친 무언가가 여기에 는 자바 스크립트/JQuery와 무엇입니까?

+0

그래서 질문은 무엇에 $ .k을()? – Neat

+0

내 PHP 코드에서 생성 된 내용은 대화 상자가 열리면 거의 다 명확 해집니다. 이는 바람직하지 않습니다. 대화 상자가 닫힐 때까지이 내용을 유지하려면이 코드에 어떤 변경을해야합니까? –

답변

-1

단순히 ".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> 
+0

JQuery 코드는 충돌 블록 내에 래핑됩니다. var $ k = jQuery.noConflict(); 그래서 나는 그걸하고 싶지 않다 ... –

관련 문제