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

Question

我创建了一个html页面，并希望在单击时在对话框中打开该html页面。

Html：

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


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

如果我单击close，那么我希望在对话框中看到oncloseTemp div。我试过了，但我在我的网页下面的同一个页面中得到了html页面。

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

有没有人能帮我。

Answer 1

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

使用下面的脚本打开一个带有给定超文本标记语言标记的jQuery弹出的div。请不要忘记参考jQuery和JQuery UI脚本文件。有关演示和更多详细信息，请参阅下面的URL。

http://jqueryui.com/dialog/

    <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>