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

Question

我创建了一个 html 页面，我想在 onclick 对话框中打开 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;
    });

谁能帮我这个。

Answer 1

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

使用下面的脚本，使用带有给定 HTML 标记的 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>