剣道の窓が開いているのはなぜですか？

Question

剣道を使ってポップアップウィンドウを作成していますが、このウィンドウは、ユーザーがボタンをクリックしたときにのみ表示されます。あなたに表示されるコードは、Webページが要求されたときにウィンドウを自動的に開きます。私はいくつかの研究をしましたが、何も見つかりませんでした。

詳細情報：これはフォームに使用され、署名付きパッドを内部に持っているので、パッド（ウィンドウ）がテーブルのセルに署名されている場合（ここをクリックして署名する）はサイン。ウィンドウを開くには、ここで

クリック：私は今、このボタンを持っている

<style> 
    #example { 
     min-height: 500px; 
    } 

    #undo { 
     text-align: center; 
     position: absolute; 
     white-space: nowrap; 
     padding: 1em; 
     cursor: pointer; 
    } 

    .armchair { 
     float: left; 
     margin: 30px 30px 120px 30px; 
     text-align: center; 
    } 

     .armchair img { 
      display: block; 
      margin-bottom: 10px; 
     } 

    .k-window-content a { 
     color: #BBB; 
    } 

    .k-window-content p { 
     margin-bottom: 1em; 
    } 

    @@media screen and (max-width: 1023px) { 
     div.k-window { 
      display: none !important; 
     } 
    } 
</style> 


<table> 

    <tr> 
     <td> 
      <div id="example"> 
       <div id="window"> 
        <H1>This is the window</H1> 
       </div> 
       <span id="undo" style="display:none" class="k-button hide-on-narrow">Click here to sign</span> 
       <div class="responsive-message"></div> 
      </div> 
     </td> 
    </tr> 



</table> 

<link rel="stylesheet" href="styles/kendo.common.min.css" /> 
<link rel="stylesheet" href="styles/kendo.default.min.css" /> 
<link rel="stylesheet" href="styles/kendo.default.mobile.min.css" /> 

<script src="js/jquery.min.js"></script> 
<script src="js/kendo.all.min.js"></script> 

<script> 
    $(document).ready(function() { 
     var myWindow = $("#window"), 
      undo = $("#undo"); 

     undo.click(function() { 
      myWindow.data("kendoWindow").open(); 
      undo.fadeOut(); 
     }); 

     function onClose() { 
      undo.fadeIn(); 
     } 

     myWindow.kendoWindow({ 
      width: "600px", 
      title: "About Alvar Aalto", 
      visible: false, 
      actions: [ 
       "Pin", 
       "Minimize", 
       "Maximize", 
       "Close" 
      ], 
      close: onClose 
     }).data("kendoWindow").center().open(); 
    }); 
</script> 

.cshtml、。

と、この機能：

$("#open").click(function (e) { 
      myWindow.data("kendoWindow").open(); 

     }); 

それは窓を開けていませんが？あなたが明示的にすぐに開くようにそれを言っているので、

Answer 1

ウィンドウがすぐに開いている：

myWindow.kendoWindow({ 
    .... 
}).data("kendoWindow").center().open(); 

• myWindow.kendoWindow（{==剣道ウィンドウに

• をmywindowをオンにします。データ（ "kendoWindow"）==その剣道のウィンドウへの参照を取得します。

• .center（）。open（）==スクリーン上にまだ隠れていて、それを開く。

初期化コードから.center（）。open（）を削除し、ボタンをクリックしたときにのみ使用します。

https://dojo.telerik.com/@Stephen/uXeJe