私が結合したとき私は削除ボタンを見ることができません

Question

• グリッドをポップアップに移動しました。 3つの点をクリックすると、削除ボタンを表示する必要があります
• 単独では削除ボタンが見えました。
• 私は私が削除ボタンを見ることができない組み合わせているとき。
• 君たちは

• は、以下の私のコードとバイオリンを提供する...それをFICする方法を教えてくださいすることができます。

• 作業フィドル http://jsfiddle.net/sureshatta/7brbws09/6/

• フィドルを働いていない http://jsfiddle.net/XY7HT/61/

  <div id="grid"></div> 
  <div class="pai-del-menu">Delete</div> 
  
  
  <script id="delete-confirmation" type="text/x-kendo-template"> 
      kendoWindow.data("kendoWindow") 
      .content($("#delete-confirmation").html()) 
      .center().open(); 
  
      $(document).on("click", "#playerDocumentOk", function(){ 
      pai_to_delete.remove(); 
  </script> 
  

Answer 1

ポップアップのz-indexはz-index: 10011;ですが、あなたの.pai-del-menuは唯一z-index: 999;です。 10011以上に設定してください。たとえば、z-index: 10012;です。

それとも、私が動的に設定されているz-indexを実現して、私はお勧めされ、動的に設定することができます。

$('.pai-del-menu').css({ 
    left: pai_x, 
    top: pai_y, 
    zIndex: parseInt($('.k-window').css('z-index')) + 1 
}); 

Answer 2

の変更以下のように99999にZインデックス：

.pai-del-menu{ 
    padding: 4px; 
    color: #000; 
    border-radius: 5px; 
    background-color: #eee; 
    width: 80px; 
    text-align: center; 
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); 
    position: fixed; 
    z-index: 99999; 
    cursor: pointer; 
} 

を