2012-05-26 76 views
1

你知道为什么在关闭对话框后,文档中的按钮不会再出现在Firefox 12中吗?提前致谢!按钮没有出现

<html> 
    <head> 
     <link type="text/css" href="jqueryui/css/smoothness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" />  

     <script type="text/javascript" src="jqueryui/js/jquery-1.7.2.min.js"></script> 
     <script type="text/javascript" src="jqueryui/js/jquery-ui-1.8.20.custom.min.js"></script> 

     <style></style> 

     <script type="text/javascript"> 
      $(document).ready(function() { 
       $("#click").click(function() { 
        $("#dialog").attr("title", "save").text("This is the dialog box!").dialog({ 
         buttons: { 
          "OK": function() { 
           $(this).dialog("close"); 
          } 
         } 
        }); 
       }); 
      }); 
     </script> 
    </head> 

    <body> 
     <div id="dialog" title="Basic dialog"> 
      <input type="button" value="click" id="click" /> 
     </div> 
    </body> 
</html> 
+0

是否消失之外提交?你的代码示例中没有什么可以说它应该。 –

回答

3

工作演示http://jsfiddle.net/jyy96/6/

您的按钮位于内dialog输入因而迷路。

移动INOUT对话框div

Jouery代码

$(document).ready(function() { 
    $("#click").click(function() { 
     $("#dialog").attr("title", "save").text("This is the dialog box!").dialog({ 
      buttons: { 
       "OK": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
});​ 

HTML

<body> 
    <input type="button" value="click" id="click" /> 
    <div id="dialog" title="Basic dialog"></div> 
</body> 
+0

错过了,很好的抓住blud;)+1 –

+0

@RoryMcCrossan cooleos谢谢! :你让你伤心! –

2

你有对话内按钮,对话框被关闭后,它就会内嵌CSSdialog()给出:

display: none; 
... 

如果你需要的按钮始终存在的,它应该在对话内容之外。

实例HTML

<body> 
    <input type="button" value="click" id="click" /> 
    <div id="dialog" title="Basic dialog"></div> 
</body> 
+0

@tzerb,tks! :) – Zuul