Jquery 无法在对话框中打开html页面

我创建了一个html页面，我想在单击的对话框中打开html页面

Html:

---

有人能帮我吗。

要将div显示为弹出窗口，最好使用jQuery对话框

使用下面的脚本使用jQuery和给定的HTML标记打开一个div作为弹出窗口。请不要忘记引用jQuery和jQuery UI脚本文件。请查看下面的URL以获取演示和更多详细信息

$（函数（）{
$（“#oncloseTemp”）。对话框（{
自动打开：错误，
身高：300，
宽度：350，
莫代尔：对
});
$（'.closebutton'）.live（'click'，函数（事件）{
$（“#oncloseTemp”）。对话框（“打开”）；
});
});  
---
---

它显示在我的页面上..我一次点击按钮就看不到它：-/让你的点击事件像这样

$（'.closebutton'）。点击（函数（事件）{

}）

@anuRadha您是否已将引用添加到jQuery&jQuery UI？是的，我添加了。如果我单击“关闭”，则不会发生任何事情：-/@anuRadha我已在我的答案中编辑了脚本。请试一试

  <div id="oncloseTemp">
    ---
    ---
  </div>


   <li class="closebutton"><a href="#" class="bt btright" >close</a></li>

    $('.closebutton').live('click', function(event){
    $("#oncloseTemp").dialog('open');
    return false;
    });

    <script>  
    $(function() { 
        $( "#oncloseTemp" ).dialog({      
        autoOpen: false,      
        height: 300,
        width: 350,
        modal: true
        });
        $('.closebutton').live('click', function(event){
        $("#oncloseTemp").dialog('open');
        });
    });  
    </script>

   <div id="oncloseTemp">
    ---
    ---
   </div>

   <li class="closebutton"><a href="#" class="bt btright" >close</a></li>