jQueryUI模式对话框不工作

我有一个简单的任务，这使我疯了。jQueryUI模式对话框不工作

我的jQuery代码：

 $(document).ready(function() { 
     $("#dialog_open").button().click(function() { 
      $("#dialog_frame").open(); 
     }); 
     }); 

    $(document).ready(function() { 
     $('#dialog_frame').dialog({ 
     autoOpen:false, 
     height:500, 
     width:500, 
     modal:true; 
     }); 
    });

HTML为按钮：

    <td> 
        <input type="button" id="dialog_open" value="Open" /> 
       </td>

HTML的模式弹出的内容：

<div id="dialog_frame" style="display:none;"> 
    <p>I am here!</p>  
</div>

当我在我的按钮时钟，什么都没发生。我也看到对话框的内容不会隐藏，除非我把display：none;在那里。

我在做什么错？我已经包含了jQuery，jQueryUI和jQueryUI CSS文件的链接，但是无法实现这个功能！（我有一个做工精细的其他网站）

来源

2013-06-27 Tim

什么是应该做的事：'$（ “＃dialog_open”）按钮（）点击（...）'???。 –

我想他可能会使用第三方css来自定义按钮..就像bootstrap.css –

在'modal：true;'中没有语法错误吗？ –

的.dialog控件的open方法应该使用调用：（的

$("#dialog_frame").dialog('open');

代替$("#dialog_frame").open() - 没有按”牛逼这行代码产生一个错误在你的JavaScript控制台）

来源

2013-06-27 14:50:01 LeGEC

使用此

$(document).ready(function() { 
    $("#dialog_open").button().click(function() { 
     $('#dialog_frame').dialog({ 
      height:500, 
      width:500, 
      modal:true 
     }); 
    }); 
});

来源

2013-06-27 14:45:17

jQueryUI模式对话框不工作

回答

相关问题