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

时间:2013-09-04 12:46:28

标签: jquery html dialog

我创建了一个html页面,我想在一个对话框中打开html页面。

HTML:

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


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

如果我单击关闭,那么我想在对话框中获取oncloseTemp div。我尝试了但是我在网页下面的同一页面上获得了html页面。

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

任何人都可以帮助我。

1 个答案:

答案 0 :(得分:0)

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

使用以下脚本使用带有给定HTML标记的jQuery打开div作为弹出窗口。请不要忘记提供jQuery&amp; 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>