JQuery 대화 상자에 버튼이 표시되지 않습니다.

Question

document.ready() 함수에서 대화 상자를 초기화 할 때 확인 버튼을 페이지에 렌더링하지 않습니다. 이것은 정말로 솔직한 일이며, 무슨 일이 일어나고 있는지 확실하지 않습니다. 여기

$(document).ready(function(){ 
//var popupWindow = window.open('P360TradingVideos.asp','P360TradingVideos','height=400,width=510,status=no,toolbar=no,menubar=no,resizable=no,location=no,scrollbars=no'); 

$("#videoPlayerDiv").dialog({ 
    position: "center", 
    resizable: true, 
    autoResize: true, 
    draggable: false, 
    modal: true, 
    buttons: { 
     "Ok": function(){ 
      $(this).dialog("close"); 
     } 
    } 
}); 

}) 

및

대화가 페이지로드에서 제대로 팝업 DIV

<div id="videoPlayerDiv"> 
    <div id="videoTable"> 
     <table> 
      <tr> 
       <td><b>Trading Videos</b></td> 
      </tr> 
      <tr> 
       <td>--></td><td><a href="#" onclick="playVideo('tradingOverview');">Trading Overview</a></td> 
      </tr> 
      <tr> 
       <td>--></td><td><a href="#" onclick="playVideo('multiAccount');">Multi-Account Trading Wizard</a></td> 
      </tr> 
      <tr> 
       <td>--></td><td><a href="#" onclick="playVideo('globalUnlock');">Global Unlock</a></td> 
      </tr> 
     </table> 
    </div> 
    <div id="videoPlayer" style="display:none; height: 250px; width: 250px;"> 

    </div> 
</div> 

이지만, OK 버튼을 표시하지 않습니다. 또한, 문제를 유발할 수있는 경우에 대비하여 videoPlayer div를 채우기 위해 작성한 두 가지 함수는 다음과 같습니다. 대화 구조에 익숙하지 않습니다. 도움을 감사

function playVideo(x){ 
    $("#videoTable").attr("style","display:none;"); 
    $("#videoPlayer").attr("style","display:block;"); 
    $("#videoPlayer").html(""); 

    var videoToPlay = x; 
    switch(videoToPlay){ 
     case 'tradingOverview': 
      //alert(videoToPlay); 
      var newElement = "<object id='objViewer' width='250' height='250' type='video/x-ms-asf' data='Wildlife.wmv' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'><param name='url' value='Wildlife.wmv'><param name='filename' VALUE='Wildlife.wmv'><PARAM name='autostart' VALUE='0'><param name='uiMode' value='full'><param name='autosize' value='1'><param name='playcount' value='1'><EMBED TYPE='application/x-mplayer2' src='Wildlife.wmv' NAME='MediaPlayer' id='wmvViewer' autostart='false' WIDTH='250' HEIGHT='250' ShowControls='1' ShowStatusBar='0' ShowDisplay='0'></EMBED></OBJECT><br/><a onclick='returnVideos();'>Return to Videos</a>"; 
      $("#videoPlayer").html(newElement); 
     break; 
     case 'multiAccount': 
      //alert(videoToPlay); 
      var newElement = "<object id='objViewer' width='250' height='250' type='video/x-ms-asf' data='BabyBoyMainBackground.wmv' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'><param name='url' value='BabyBoyMainBackground.wmv'><param name='filename' VALUE='BabyBoyMainBackground.wmv'><PARAM name='autostart' VALUE='0'><param name='uiMode' value='full'><param name='autosize' value='1'><param name='playcount' value='1'><EMBED TYPE='application/x-mplayer2' src='BabyBoyMainBackground.wmv' NAME='MediaPlayer' id='wmvViewer' autostart='false' WIDTH='250' HEIGHT='250' ShowControls='1' ShowStatusBar='0' ShowDisplay='0'></EMBED></OBJECT><br/><a onclick='returnVideos();'>Return to Videos</a>"; 
      $("#videoPlayer").html(newElement); 
     break; 
     case 'globalUnlock':   
      var newElement = "<object id='objViewer' width='250' height='250' type='video/x-ms-asf' data='Panel_Mask.wmv' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6'><param name='url' value='Panel_Mask.wmv'><param name='filename' VALUE='Panel_Mask.wmv'><PARAM name='autostart' VALUE='0'><param name='uiMode' value='full'><param name='autosize' value='1'><param name='playcount' value='1'><EMBED TYPE='application/x-mplayer2' src='Panel_Mask.wmv' NAME='MediaPlayer' id='wmvViewer' autostart='false' WIDTH='250' HEIGHT='250' ShowControls='1' ShowStatusBar='0' ShowDisplay='0'></EMBED></OBJECT><br/><a onclick='returnVideos();'>Return to Videos</a>"; 
      $("#videoPlayer").html(newElement); 
      //alert(videoToPlay); 
     break; 
    } 
} 
function returnVideos(){ 
    $("#videoTable").attr("style","display:block;"); 
    $("#videoPlayer").attr("style","display:none;"); 
} 

Answer 1

DEMO :

http://jsfiddle.net/h5zkb/

<div> I just copied your code and the button "OK" is showing up. </div> 

Answer 2

내가 그것을 알아 냈

, 그것은이 buttonpane 있었다 버튼 속성이 설정되어 다른 외부 스타일 시트에서 오는 상속 된 스타일의 문제입니다 표시 : 없음; 그건 내 실수예요. 이것은 원래의 코드가 아니기 때문에 외부와의 연관성을 알지 못했습니다. 바이올린에 도움을 주셔서 감사합니다. 앞으로 나아가는 바이올린을 제공하고 저의 테스트를 먼저하겠습니다. 다시 한 번 감사드립니다